【问题标题】:Isotope with multiple filter [closed]具有多个过滤器的同位素[关闭]
【发布时间】:2015-04-06 23:32:43
【问题描述】:

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

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

使用插件代码或任何替代插件实现此目的的任何建议都会有很大帮助。

【问题讨论】:

    标签: javascript jquery filtering jquery-isotope


    【解决方案1】:

    其实isotope有个combo filter例子http://isotope.metafizzy.co/filtering.html#combination-filters

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

    【讨论】:

    • 这就是我要找的答案!但是我已经使用一些解决方法完成了任务。非常感谢。我将在我未来的项目中使用它。
    • 请在您的答案中添加示例,链接仅供参考。
    【解决方案2】:

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

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

    【讨论】:

    • 感谢您的回答,我明白了。但是,我正在尝试同时按下两个按钮。不一定要添加带有组合的新按钮。
    • 您的意思是当您单击按钮时它会将项目添加到内容区域?我不知道如何在网页上同时按下 2 个按钮。
    • 没错,这就是我想要实现的目标,但插件似乎没有选择。我也不确定。有什么想法或替代方法,或者您可能对它的列表项版本很熟悉,如果有的话?
    • @Jed - 抱歉回复晚了。如果您只想将项目添加到列表中,那么为什么要使用同位素呢?在你的例子中,你似乎并没有使用它的 Masonry 部分。为什么不直接创建一点 JQuery 来做呢?我现在没有时间,但我可以稍后再举个例子。
    • 我最终使用了一个简单的&lt;li&gt; 元素作为切换按钮和一些jQuery 代码来切换事件列表项。我真的很感谢你的帮助。非常感谢。请继续帮助他人。谢谢大佬。
    猜你喜欢
    • 1970-01-01
    • 2014-07-04
    • 2020-06-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多