用Waypoints無限滾動手動加載更多物品

我正在使用Waypoints Infinite Scroll，並且我想製作「加載更多物品」或「加載更多文章」按鈕。用Waypoints無限滾動手動加載更多物品

我試過用這樣的'破壞'，但它似乎沒有工作。

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

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

    });

真的卡在這裏，謝謝你的幫助！

來源

2015-10-05 Flax

通過調用'var infinite = new Waypoint.Infinite（）'您正在實例化它。你到底想做什麼？對不起，但我不明白你的問題。 – vijayP

我只想要加載更多按鈕，而不是自動加載項目。像這樣：[鏈接]（http://jsfiddle.net/purmou/bEdfX/） – Flax

嘗試用下面的代碼：

$('.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. 
});

來源

2015-10-05 12:44:51 vijayP

對不起，我覺得我忘了提，我想點擊，加載一些項目，並停止。然後再次點擊以獲取更多項目... – Flax

要拿走一半什麼無限確實很有趣，你可能也只是編寫AJAX負載+追加自己的點擊，而完全不使用航點。但如果你堅持：

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

這是舊的Waypoints 2.x風格的代碼。 Destroy和其他方法不再是jQuery插件的一部分。您需要使用您創建的Waypoint實例：

infinite.destroy()

來源

2016-03-04 16:39:46 imakewebthings

用Waypoints無限滾動手動加載更多物品

回答

相關問題