Jquery 同位素:重置所有组合过滤器
我有一个同位素组合过滤器设置,带有许多数据过滤器组,每个数据过滤器组都有一个rest/show all列表项:Jquery 同位素:重置所有组合过滤器,jquery,jquery-isotope,Jquery,Jquery Isotope,我有一个同位素组合过滤器设置,带有许多数据过滤器组,每个数据过滤器组都有一个rest/show all列表项: <li><a href="#" data-filter="*">Show all</a></li> 有什么想法吗 似乎找到了我自己问题的答案: $(".isotope-reset").click(function(){ $(".content ul.sort").isotope({
<li><a href="#" data-filter="*">Show all</a></li>
有什么想法吗
似乎找到了我自己问题的答案:
$(".isotope-reset").click(function(){
$(".content ul.sort").isotope({
filter: '*'
});
});
因为海报上没有把他的答案写进答案里,所以这里是给那些遇到这个问题却看不到答案的人的
以下代码重置同位素过滤器:
$(".isotope-reset").click(function(){
$(".content ul.sort").isotope({
filter: '*'
});
});
我在寻找类似的东西,我想我会把答案放在这里,以防其他搜索者遇到这个问题。我对海报中提到的解决方案的问题是,至少对我来说,它没有进行真正的重置。我希望按钮和过滤器都能复位。我还遇到了一个奇怪的错误,在按下重置按钮后,我的过滤器出现了问题 下面的脚本解决了我所有的问题(在回答这个问题时,lol)。资料来源:
将您的答案放入实际答案中,这样您就可以选择它,人们可以对它进行投票。您还可以在相同的单击函数中添加一行以删除“selected”类,例如:
$('ul.同位素-options-li a')。removeClass('selected')代码>
$(".isotope-reset").click(function(){
$(".content ul.sort").isotope({
filter: '*'
});
});
var $anyButtons = $('.filters').find('button[data-filter=""]');
var $buttons = $('.filters button');
$('.button--reset').on( 'click', function() {
// reset filters
filters = {};
$grid.isotope({ filter: '*' });
// reset buttons
$buttons.removeClass('is-checked');
$anyButtons.addClass('is-checked');
});