Question

我一整天都在绞尽脑汁，而且我没有更接近于酝酿解决方案......我希望你能帮助好人。

我使用同位素来过滤页面的结果，使用从数据库中提取的类来标记诸如发布的类别/日期等等。我需要用户能够过滤这些。我是从ul列表中做到这一点的，但其中一个要求是过滤器充当“开关”开关。

所以，而不是使用目前我所拥有的'完全'......

// filter items when filter link is clicked
$(' ul.filteroption li').click(function(){
var selector = $(this).attr('data-option-value');
$container.isotope({ filter: selector });
return false;
});

我打算添加一个类来表明li.filter ul li是否已关闭......

// filter items when filter link is clicked
$('ul.filteroption li.turnon').click(function(){
var selector = $(this).attr('data-option-value');
$container.isotope({ filter: selector });
return false;
});

或

// filter items when filter link is clicked
$('ul.filteroption li.turnoff').click(function(){
var selector = $(this).attr('data-option-value');
$container.isotope({ filter: selector });
return false;
});

然而，我不能为我的生活弄清楚如何做与我所要求的脚本turnon脚本相反的事情。 EG ...当用户点击li.turnoff时，从过滤器中删除该选择。

Answer 1

如果要从同位素容器中删除所有过滤器，则必须将过滤器设置为“*”，而不是：

filter: selector

在“ul.filteroption li.turnoff”点击装订中，您需要将其更改为：

filter: '*'

这基本上会告诉同位素删除它所有的过滤器并显示容器的所有元素。

同位素过滤和（非）过滤

1 个答案: