具有多个过滤器的同位素

时间:2015-03-03 00:38:26

标签: javascript jquery filtering jquery-isotope

我目前正在使用jQuery插件Isotope处理具有过滤效果的页面。 https://colab.aut.ac.nz/events-test/。目前它只接受一个活动过滤器,它可以作为选项卡使用。

我正在尝试找到任何解决方案,以便它可以切换多个滤镜,但仍具有类似的同位素效果。我对实现选项卡过滤器的参考是使用此页面上的jQuery代码http://isotope.metafizzy.co/filtering.html

使用插件代码或任何替代插件实现此目的的任何建议都将是一个很大的帮助。

2 个答案:

答案 0 :(得分:1)

尝试在过滤器中添加逗号标记,例如:

<button class="button" data-filter=".on-campus, .off-campus">On and Off Campus</button>

答案 1 :(得分:1)

实际上,同位素有一个组合过滤器示例http://isotope.metafizzy.co/filtering.html#combination-filters

这就是你要添加项目的方式:http://isotope.metafizzy.co/methods.html#additems