具有多个过滤器的同位素
Isotope with multiple filter
我目前正在使用 jQuery 插件 Isotope 制作一个具有过滤效果的页面。 https://colab.aut.ac.nz/events-test/。目前它只接受一个活动过滤器并且它作为一个选项卡。
我正在尝试找到任何解决方案，以便它可以切换多个过滤器但仍然具有类似的同位素效应。我关于实现选项卡过滤器的参考是使用此页面上的 jQuery 代码 http://isotope.metafizzy.co/filtering.html
任何使用插件代码或任何替代插件代码实现此目的的建议都会有很大帮助。
尝试在您的过滤器标签中添加逗号，例如：
<button class="button" data-filter=".on-campus, .off-campus">On and Off Campus</button>
实际上同位素有一个组合过滤器示例http://isotope.metafizzy.co/filtering.html#combination-filters
这就是您添加项目的方式：http://isotope.metafizzy.co/methods.html#additems
我目前正在使用 jQuery 插件 Isotope 制作一个具有过滤效果的页面。 https://colab.aut.ac.nz/events-test/。目前它只接受一个活动过滤器并且它作为一个选项卡。
我正在尝试找到任何解决方案，以便它可以切换多个过滤器但仍然具有类似的同位素效应。我关于实现选项卡过滤器的参考是使用此页面上的 jQuery 代码 http://isotope.metafizzy.co/filtering.html
任何使用插件代码或任何替代插件代码实现此目的的建议都会有很大帮助。
尝试在您的过滤器标签中添加逗号，例如：
<button class="button" data-filter=".on-campus, .off-campus">On and Off Campus</button>
实际上同位素有一个组合过滤器示例http://isotope.metafizzy.co/filtering.html#combination-filters
这就是您添加项目的方式：http://isotope.metafizzy.co/methods.html#additems