2011-05-19 100 views
3

我有一些內部有<div class="post">的html代碼。我想用javascript分頁。我怎樣才能做到這一點? (我知道我可以用PHP做,但我只是想用JS做)使用JavaScript分頁

通過我的PHP生成的HTML看起來像這樣:

<body> 
<div id="content"> 
<div class="post"> 
post content 
</div> 
<div class="post"> 
</div> 
... 

</div> 

</body> 

也許這將是最好的使用jquery的那? (我使用jQuery AJAX爲HTML載入內容媒體鏈接)

+2

你的意思是隱藏了一些帖子?如果你在JS中分頁,你將會加載所有的帖子,或者你需要AJAX,並調用分頁服務器端的PHP – Miquel 2011-05-19 15:12:38

+0

問題是我想要所有的帖子加載,並且只在javascript中分頁。 – 2011-05-19 15:18:30

+2

然後你可以使用類似jQuery中的acordeon或tabs插件的東西,例如使用標籤的「頁面」標籤。 http://flowplayer.org/tools/demos/tabs/accordion.html – Miquel 2011-05-19 15:20:30

回答

1

是啊,有一個jQuery插件,很好地工作 https://github.com/gbirke/jquery_pagination

+0

你能舉一個如何使用這個插件_here_的例子嗎? – jcolebrand 2011-05-19 15:15:07

+0

以及該鏈接提供了一個很好的示例如何使用它。你只需要設置與頁碼的回調,並且你想在數組中分頁的數據 – Mertis 2011-05-19 15:25:42

+3

〜這個站點不是StackExchangeOfLinks.com,這是StackOverflow,我們實際上試圖幫助人們。當三年內該網站不存在且您的答案是什麼時會發生什麼?它並不能幫助人們。 – jcolebrand 2011-05-19 15:28:23

0
+0

你可以舉一個如何使用這個插件_here_的例子嗎? – jcolebrand 2011-05-19 15:14:54

+0

〜本網站不是StackExchangeOfLinks.com,這是StackOverflow,我們實際上試圖幫助人們。當三年內該網站不存在且您的答案是什麼時會發生什麼?它並不能幫助人們。 – jcolebrand 2011-05-19 15:27:58

+0

提問的地方和網站提到的是一樣的,重複的問題是這是什麼,更不用說多少次了...... – Vishwanath 2011-05-19 15:30:52

1

我將首先把物品的數量。例如,如果您有10個,則循環併爲每個創建<div>。 [1] [2] [3] ...然後,當你點擊一個尋呼機<div>,獲得的價值,並要求特定項目如$("#ct").load("/posts?id=5");

0

是的,使用jQuery來模擬分頁是一個有效的任務。你可以很容易地使用jQuery(selector).hide().slice(start,end).show()模式來做你想做的事。然後你必須管理你的代碼的開始和結束,但這應該很容易。