用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无限滚动手动加载更多物品

回答

相关问题