分頁系統

Question

即時尋找具有以下chraracteristics一個pagin系統：

我會從數據庫中分析數據像這樣爲前：

<ul> 
<li>data extracted from db<li> 
<li>data extracted from db<li> 
<li>data extracted from db<li> 
<li>data extracted from db<li> 
<li>data extracted from db<li> 
<li>data extracted from db<li> 
</ul> 

那麼這個標記將被視爲客戶端使用jQuery創建一個分頁，所以在這裏沒有ajax，我只調用db來填充和構建我的標記，然後我在客戶端使用jquery處理它。

有誰知道如何使這個 tahnks

Answer 1

如果你能一點點更具體的瞭解你是什麼不知道，這將是非常有幫助的一些很好的例子，但與你」上面給出了我，我想說你想從數據庫中一次獲得所有的信息（因爲你不能使用AJAX在分頁時引入更多的數據庫信息）。至於代碼的分頁部分，我使用gbirke的jQuery分頁模塊取得了巨大成功。

https://github.com/gbirke/jquery_pagination#readme

- 編輯 -

想在這裏解決您的意見。這個插件絕對可以用於DB和PHP。我假設你可以通過PHP從數據庫中獲取您的上述評論到頁：

<ul> 
<li>data extracted from db<li> 
<li>data extracted from db<li> 
<li>data extracted from db<li> 
<li>data extracted from db<li> 
<li>data extracted from db<li> 
<li>data extracted from db<li> 
</ul> 

基本上，你只是隱藏在UL等級的內容，並給予UL類。然後，您將使用jquery選擇器從列表中挑選出需要的元素並將其克隆。舉例來說，你希望你的分頁回調有這樣的事情：

$('.paged-content-area').empty(); 
for(var i = 0; i < items_per_page; i++) { 
    var new_content = $('ul.hidden-content li:eq('+((page_index*items_per_page) + i)+')').clone(); 
    $('.paged-content-area').append(new_content); 
} 

希望你要在其中是得到！

Answer 2

http://d-scribe.de/webtools/jquery-pagination/demo/demo_options.htm

http://tympanus.net/jPaginate/

http://www.script-tutorials.com/demos/35/index.html

http://web.enavu.com/demos/paginate/