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

我正在使用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和2都可以工作，但是我想做的是:单击第2页上的“全部加载”后，我要销毁限制器并返回到无限 View ，直到最后。

我基本上需要以某种方式重新初始化。最近几个小时，我一直在间隔时间和其他不良做法上乱七八糟，没有结果。

最佳答案

挖掘之后，我提出了以下解决方案:-

首先，您需要添加这样的回调函数:-

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

第二个将 onclick 属性添加到load All 一个标记(仅在其中加载所有一个标记的页面是可见)

onclick="loadAllClick(event);"

并且处理程序函数应如下所示:

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

Here是一个可以正常使用的插件示例
希望这能回答您的问题