javascript - 更改选项并重新初始化

Question

我正在使用 jscroll 作为无限滚动寻呼机。

$j('.frontpage').jscroll({
    loadingHtml: '<div style="text-align: center;"><img width="50" src="ring-alt-1.gif" alt="Loading" /></div>',
    padding: 20,
    nextSelector: 'div.next a',
    contentSelector: '.latest-container',
    autoTrigger: true,
    autoTriggerUntil: 1
});

这是一个非常简洁的插件，它使用了我的项目必备的 autoTriggerUntil。使用该方法，您可以限制内容自动加载的次数并显示分页的“下一步”按钮。

我想要实现的是这个。

1. 用 infinite 加载第一组帖子(实际上是第 2 页)。 (完成)
2. 在第二页之后，显示“全部加载”按钮。 (完成)
3. 1 和 2 都有效，但我想做的是:单击第 2 页上的“全部加载”后，我想破坏限制器并返回到无限 View ，直到结束。

我基本上需要以某种方式重新初始化它。在过去的几个小时里，我一直在搞乱间隔和其他不良做法，但没有结果。

Answer 1

在挖掘之后我得出了这个解决方案:-

首先，你需要像这样添加一个回调函数:-

$('.frontpage').jscroll({
    //your existing settings ,
    callback: function() {
      if ($('div.next a').is(":visible")) {
         $('.frontpage').jscroll.destroy();
         $('div.next a').off('click');
       }
    }
});

其次为load all a标签添加onclick属性(仅在load all a标签的页面可见)

onclick="loadAllClick(event);"

处理函数应该是这样的:-

  <script>
      var loadAllClick = function(e) {
           e.preventDefault();
           $('.frontpage').jscroll( //your settings 
                               );
          }
  </script>

和Here是一个完全工作的 plunker 样本希望这能回答您的问题