有没有办法从jQuery Filterizr获取活动类别？

Question

我想隐藏一个项目，除非选择了一个类别。我正在使用filteringStart回调来执行此操作。如何从filterizr对象获取活动的类别数组？

Answer 1

看起来好像有一种公共方法可以在Filterizr库中获得有效的过滤器。编写JavaScript所需的JavaScript并不难，尽管如此。

使用自己的例子之一，产生的HTML代码如下所示：

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

要基于特定值做一些事情：

<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> 

如下你可以得到选择值的数组被选中，你可以做到以下几点：

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"); 
});