我已经下载了这个好的插件
http://andersonferminiano.com/jqueryscrollpagination/ 我使用此代码来调用我的数据库并显示所有结果。我的问题是,当我在数据库中完成时,我无法停止显示结果,我想要停止分页并且不重复相同的结果。我该怎么做?非常感谢你
$(function(){
$('#content').scrollPagination({
'contentPage': 'democontent.html', // the page where you are searching for results
'contentData': {}, // you can pass the children().size() to know where is the pagination
'scrollTarget': $(window), // who gonna scroll? in this example, the full window
'heightOffset': 10, // how many pixels before reaching end of the page would loading start? positives numbers only please
'beforeLoad': function(){ // before load, some function, maybe display a preloader div
$('.loading').fadeIn();
},
'afterLoad': function(elementsLoaded){ // after loading, some function to animate results and hide a preloader div
$('.loading').fadeOut();
var i = 0;
$(elementsLoaded).fadeInWithDelay();
if ($('#content').children().size() > 100){ // if more than 100 results loaded stop pagination (only for test)
$('#content').stopScrollPagination();
}
}
});
// code for fade in element by element with delay
$.fn.fadeInWithDelay = function(){
var delay = 0;
return this.each(function(){
$(this).delay(delay).animate({opacity:1}, 200);
delay += 100;
});
};
});
答案 0 :(得分:0)
该插件实际上并不是很好。我正在查看插件的代码,当然,它没有提供一种方法来检测你何时在内容的末尾。
如果你转到the plugin page并向下滚动,它似乎工作得非常好。但是,当您查看文件democontent.html
(他隐藏文字,您必须查看来源)从中检索数据时,您会看到它只有17个项目。但是,当你向下滚动时,它会不断加载虚假数据。
插件不仅没有检测到数据的结尾,而且根本没有提供停止的方法。如果您注意到,Anderson告诉插件在加载100个项目后停止,但他只在他的示例中执行了 ,而不是将此功能写入插件。
所以,这就是为什么你的内容没有停止。您可以尝试自己修改他的插件,但如果您只是更改插件,我建议Infinite Scroll, by Paul Irish。
答案 1 :(得分:0)
你可以使用mkscroll插件,为你提供更多功能链接,下面是mk scroll。
https://github.com/maulikkanani/Scroll-Pagination
jQuery(window).mkscroll({
limit:10,
total:100,
});
还有很多其他选择。
答案 2 :(得分:0)
如果解决问题的任何一个是解决方案:一旦“下一页”链接不可用,jscroll将停止加载内容..所以请检查您何时要停止加载内容然后“下一页”链接未加载到附加的最后一个内容中。