我是新手,所以当我要求你明确答案时,请原谅我。谢谢!
我正在一个网站上工作,我有一个无序的人员列表,其中包含定义他们的人(即艺人,政治家等)。
在顶部,我有一系列过滤器,您可以使用这些过滤器来缩小使用这些类的结果。单击过滤器时,它基本上隐藏了所有列表项,除了包含所选类的列表项。当然,还有一个显示所有文本的“全部”按钮。
那就是说,我也正在使用pajinate.js来进行分页。
问题在于,当我使用过滤器时,分页不会更新以反映过滤掉的内容。
有什么建议吗?是否有另一个分页插件支持我不知道的内置过滤?
-j
答案 0 :(得分:0)
我假设您正在使用此页面中的pajinate.js:http://github.com/wesnolte/Pajinate
看起来pajinate不关心列表项的类是什么,因此当用户隐藏类时它不会改变分页。
为了使它与pajinate.js一起使用,我建议你可以使用另一个没有嵌套在page_container div中的无序列表,用于“存储”过滤的项目。实质上,当用户选择过滤器时,您可以使用要隐藏/显示的元素集上的appendTo()和remove()函数将所有过滤后的项目从内容ul移动到隐藏的ul。移动列表项后,您可能还需要在page_container div上调用pajinate()函数。
希望其他人有更简单的解决方案!