同位素:重置所有组合过滤器

Mik*_*ike 11 jquery jquery-isotope

我有一个同位素组合过滤器设置与许多数据过滤器组,每个都有一个休息/显示所有列表项:

<li><a href="#" data-filter="*">Show all</a></li>
Run Code Online (Sandbox Code Playgroud)

是一种重置所有数据过滤器组的方法 - 一个'重置所有'链接?

我目前的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
          // i.e. 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;
        });
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?

< - 编辑 - >

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

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

Kri*_*eys 17

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


以下代码重置了同位素过滤器:

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