[英]Jscroll pagination plugin
我已經下載了這個很好的插件
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;
});
};
});
該插件實際上不是很好。 我正在查看該插件的代碼,而且確實,它不能提供一種方法來檢測您何時到達內容結尾。
如果您轉到插件頁面並向下滾動,它似乎運行得很好。 但是,當您查看democontent.html
檢索數據的文件democontent.html
(他隱藏了文本,您必須查看源代碼)時,您將看到它只有17個項目。 但是,當您向下滾動時,它會不斷加載假數據。
該插件不僅無法檢測到數據的結尾,而且也根本無法提供停止數據的方法。 如果您會注意到,Anderson告訴插件在加載100個項目后停止,但是他僅在示例中這樣做,而不是將此功能寫入插件中。
因此,這就是您的內容沒有停止的原因。 您可以嘗試自己修改他的插件,但是如果您只想更改插件,我建議您使用Paul Irish的Infinite Scroll 。
您可以將mkscroll插件與一起使用,為mk滾動提供更多功能的鏈接如下。
https://github.com/maulikkanani/Scroll-Pagination
jQuery(window).mkscroll({
limit:10,
total:100,
});
還有很多其他選擇。
如果有任何一個解決此問題的方法是解決方案:一旦“下一頁”鏈接不可用,jscroll將停止加載內容。.因此,請檢查何時要停止加載內容,否則“下一頁”鏈接不可用在最后添加的內容中加載。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.