javascript - 有没有办法从 jQuery Filterizr 获取事件类别？

Question

除非选择了类别，否则我想隐藏单个项目。我使用 filteringStart 回调来执行此操作。如何从 filterizr 对象获取事件类别数组？

Answer 1

Filterizr 库中似乎没有获取事件过滤器的公共(public)方法。不过，编写解决这个问题所需的 JavaScript 并不太困难。

使用他们的示例之一，html 将如下所示:

<ul class="nav nav-gallery filters-filteringModeSingle" id="filteringModeSingle">
    <li class="filtr-button filtr" data-fltr="all">All</li>
    <li class="filtr-button filtr" data-fltr="green">Green</li>
    <li class="filtr-button filtr filtr-active" data-fltr="orange">Orange</li>
    <li class="filtr-button filtr" data-fltr="purple">Purple</li>
    <li class="filtr-button filtr" data-fltr="mix">Mix</li>
</ul>

您可以获得选定值的数组，如下所示:

var selected = $.map($(".filtr-active").toArray(), function(el, i) {
    return $(el).data("fltr");
});

要根据所选的特定值执行某些操作，您可以执行以下操作:

if (selected.indexOf("green") !== -1) {
    console.log("You selected green!");
}

我希望这是有道理的!

编辑:

您可以通过调整选择器来获取未选择的过滤器。

var notSelected = $.map($(".filtr:not(.filtr-active)").toArray(), function (el, i) {
    return $(el).data("fltr");
});