無限滾動換環塊

讓我們說，例如：無限滾動換環塊

for($a=0;$a<100;$a++){ 
    echo '<div class="post">'; 
    //content here 
    echo '</div>'; 
}

我如何讓它顯示前10個職位第一，然後一個按鈕，即可查看更多信息觸底頁面時：

I found this one但它是使用MySQL，如果只有我可以擺脫它。

來源

2011-10-26 Zhianc

是否要在第一次加載頁面期間靜態加載所有帖子，並僅顯示前幾個，或者是否要使它們動態加載？ – socha23

@ socha23這取決於哪個更好的兩個選項我猜.. – Zhianc

帖子來自哪裏？ – Harmiih

您還可以使用無限滾動腳本。我最近使用了以下jQuery插件：jQuery Infinite Ajax Scroll。基本上，您可以對您的內容進行分頁，並在每個頁面上提供一個「下一個」按鈕給下一批內容。該腳本將隱藏下一個按鈕，並在您向下滾動時從每個「下一個」頁面加載內容。唯一的缺點是您需要在第一頁上提供足夠的內容才能使頁面滾動。

來源

2011-10-26 12:49:51 Mopster

使用最新版本的插件（> = 2.0）可以解決缺點。如果您的內容太短而無法滾動，該插件將自動加載下一頁。 –

如果你總是在頁面中的數據，只是希望逐漸表現出更多的，像

$('.post').hide(); 
$('#more').click(function(){ 
    $('.post').filter(':hidden').slice(0,9).show(); 
});

意味着你的節目，更多的按鈕id="more"。 MySQL解決方案涉及向頁面逐步添加內容，而不僅僅是顯示始終存在的內容。

來源

2011-10-26 13:32:41 Sorpigal

您是否嘗試過設置循環的偏移量並更改點擊按鈕的偏移量？

即。

for($a=0; $a < 10; $a++){ 
//Do something here 
}

然後做一些腳本，以便當您單擊按鈕，下一個發射環路是

for($a=10; $a < 20; $a++){ 
//Do something here 
}

然後不斷遞增的偏移量。（減少後退/上一級按鈕的偏移量）

來源

2011-10-26 13:39:54 atmd

無限滾動換環塊

回答

相關問題