同位素：重置所有组合filter

我有一个同位素组合filter设置与许多数据filter组，每个都有一个rest/显示所有列表项：

Show all 

是一种重置所有数据filter组的方法 – 一个’重置所有’链接？

我目前的javascript是：

  var $container = $('.content ul.sort'), filters = {}; $container.isotope({ itemSelector : '.dynamic-filter' }); // filter buttons $('.filter a').click(function(){ var $this = $(this); // don't proceed if already selected if ( $this.hasClass('selected') ) { return; } var $optionSet = $this.parents('.option-set'); // change selected class $optionSet.find('.selected').removeClass('selected'); $this.addClass('selected'); // store filter value in object // ie filters.color = 'red' var group = $optionSet.attr('data-filter-group'); filters[ group ] = $this.attr('data-filter-value'); // convert object into array var isoFilters = []; for ( var prop in filters ) { isoFilters.push( filters[ prop ] ) } var selector = isoFilters.join(''); $container.isotope({ filter: selector }); return false; }); 

有任何想法吗？

似乎找到了我自己的问题的答案：

  $(".isotope-reset").click(function(){ $(".content ul.sort").isotope({ filter: '*' }); }); 

Answer 1

由于海报没有在答案中给出答案，这里是针对那些得到这个问题并且没有看到答案的人

---

以下代码重置了同位素filter：

 $(".isotope-reset").click(function(){ $(".content ul.sort").isotope({ filter: '*' }); }); 

Answer 2

我正在寻找类似的东西，以为我会把答案放在这里以防万一另一个搜索者遇到这个问题。 我在海报上提到的解决方案的问题是，至少对我来说，它并没有真正重置。 我希望按钮重置以及filter。 此外，我得到一个奇怪的错误，在按下重置按钮后，我的filter没有正确行事。

下面的脚本解决了我所有的问题（在这个答案的日期，大声笑）。 资料来源： https ： //github.com/metafizzy/isotope/issues/928

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