2015-10-05 3 views
0

Я использую Waypoints Infinite Scroll, и я хочу сделать кнопку «Загрузить больше товаров» или «Загрузить больше сообщений».Вручную загружать больше предметов с помощью путевых точек Infinite Scroll

Я попытался использовать «уничтожить», как это, но он, похоже, не работает.

$('.load-more-button').click(function(){ 

     var infinite = new Waypoint.Infinite({ 
      element: $('.infinite-container')[0], 
      onAfterPageLoad: function() { 
       $('.infinite-container').waypoint('destroy') 
      } 
     }) 

    }); 

Действительно застрял здесь, спасибо за помощь!

+0

путем вызова 'var infin = new Waypoint.Infinite()' вы его создаете. Что именно вы хотите сделать? извините, но я не получаю ваш вопрос. – vijayP

+0

Я просто хочу иметь кнопку загрузки больше, вместо того, чтобы загружать элементы автоматически. Например: [link] (http://jsfiddle.net/purmou/bEdfX/) – Flax

ответ

0

Попробуйте с помощью следующего кода:

$('.load-more-button').click(function(){ 
    $(".infinite-more-link").click(); //Infinite Scroll create a <a> element with "infinite-more-link" class by default for More link. 
}); 
+0

Извините, я думаю, что забыл упомянуть, что хочу щелкнуть, загрузить некоторые предметы и остановиться. И нажмите еще раз для получения дополнительных элементов ... – Flax

0

Интересно, что вы хотите, чтобы забрать половину того, что делает Бесконечный, и вы можете также просто написать нагрузку AJAX + добавить себя по щелчку без использования Точек на всех , Но если вы настаиваете:

$('.infinite-container').waypoint('destroy') 

Это старый стиль Waypoints 2.x. Destroy и другие методы больше не являются частью плагина jQuery. Вам необходимо использовать созданный экземпляр Waypoint:

infinite.destroy()