我在用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 页上的“全部加载”后,我想销毁限制器并返回到无限视图,直到最后。
我基本上需要以某种方式重新初始化它。在过去的几个小时里,我一直在搞乱间隔和其他不好的做法,但没有结果。
经过挖掘,我得出了这个解决方案:-
首先,您需要添加一个回调函数,如下所示:-
$('.frontpage').jscroll({
//your existing settings ,
callback: function() {
if ($('div.next a').is(":visible")) {
$('.frontpage').jscroll.destroy();
$('div.next a').off('click');
}
}
});
第二次添加onclick加载全部属性a标签(仅在加载全部的页面中a tag is visible)
onclick="loadAllClick(event);"
处理函数应该是这样的:-
<script>
var loadAllClick = function(e) {
e.preventDefault();
$('.frontpage').jscroll( //your settings
);
}
</script>
and Here http://plnkr.co/edit/URpjWqxr2lCJLm4zWeHy?p=preview是一个完全可以工作的 plunker 样本
希望这能回答您的问题
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)