使用jQuery過濾無序列表並創建分頁

Question

我是這方面的新手，所以請原諒我，當我要求具體的答案。謝謝！

我正在一個網站上，我有一個無序的人名單，定義了他們是誰（即藝人，政客等）。

在頂部，我有一個篩選器選擇，可以使用這些篩選器縮小使用這些類的結果。當你點擊一個過濾器時，它基本上隱藏了除了你選擇的類的列表項以外的所有列表項。當然，還有一個顯示所有文本的「全部」按鈕。

這就是說，我也上午使用pajinate.js使分頁工作。

問題是，當我使用過濾器時，分頁不會更新以反映過濾出的內容。

有什麼建議嗎？是否有另一個支持過濾的分頁插件，我不知道？

-j

Answer 1

我假設你正在使用從該頁面pajinate.js：http://github.com/wesnolte/Pajinate

它看起來像pajinate不關心什麼類的列表項的是，因此它贏得了」當用戶隱藏課程時，不要更改分頁。

爲了使它與pajinate.js一起工作，我推薦的是，也許你可以有另一個沒有嵌套在page_container div中的無序列表，用來「存儲」已過濾的項目。從本質上講，當用戶選擇一個過濾器時，可以使用要隱藏/顯示的元素集上的appendTo（）和remove（）函數，將所有已過濾的項目從內容ul移動到隱藏的ul。在移動列表項後，您可能還需要在page_container div上調用pajinate（）函數。

希望別人有一個更簡單的解決方案！