使用jQuery过滤无序列表并创建分页

时间:2010-07-14 18:22:15

标签: jquery pagination filtering

我是新手,所以当我要求你明确答案时,请原谅我。谢谢!

我正在一个网站上工作,我有一个无序的人员列表,其中包含定义他们的人(即艺人,政治家等)。

在顶部,我有一系列过滤器,您可以使用这些过滤器来缩小使用这些类的结果。单击过滤器时,它基本上隐藏了所有列表项,除了包含所选类的列表项。当然,还有一个显示所有文本的“全部”按钮。

那就是说,我正在使用pajinate.js来进行分页。

问题在于,当我使用过滤器时,分页不会更新以反映过滤掉的内容。

有什么建议吗?是否有另一个分页插件支持我不知道的内置过滤?

-j

1 个答案:

答案 0 :(得分:0)

我假设您正在使用此页面中的pajinate.js:http://github.com/wesnolte/Pajinate

看起来pajinate不关心列表项的类是什么,因此当用户隐藏类时它不会改变分页。

为了使它与pajinate.js一起使用,我建议你可以使用另一个没有嵌套在page_container div中的无序列表,用于“存储”过滤的项目。实质上,当用户选择过滤器时,您可以使用要隐藏/显示的元素集上的appendTo()和remove()函数将所有过滤后的项目从内容ul移动到隐藏的ul。移动列表项后,您可能还需要在page_container div上调用pajinate()函数。

希望其他人有更简单的解决方案!