使用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（）函数。

希望别人有一个更简单的解决方案！