jquery - 同位素 : reset all combination filters

标签 jquery jquery-isotope

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

<li><a href="#" data-filter="*">Show all</a></li>

有办法重置所有数据过滤器组 - “重置全部”链接吗?

我当前的 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;
        });

有什么想法吗?

<-- 编辑-->

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

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

最佳答案

由于发帖者没有将他的答案放在答案中,因此这里是为那些看到这个问题但没有看到答案的人

<小时/>

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

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

关于jquery - 同位素 : reset all combination filters,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10297558/

相关文章:

javascript - 无法导入同位素插件-- -"$(container).isotope is not a function"

javascript - Jquery 同位素复选框过滤

javascript - 在 javascript、jQuery 或 css 中,如何让 div 或 iframe 扩展以填充其余空间

javascript - CanvasJS - strip 线不显示

jquery - 如何为 Masonry 创建良好的打印样式

google-chrome - 使用 Jquery Isotope 时在带有 Bootstrap 3 列的 Chrome 中出现问题(但在 Safari 中很好!)

javascript - 同位素插件无法正确加载,并切断了 div

javascript - jQueryeach() 不起作用?

javascript - 获取元素集合的个体高度

javascript - 尝试更新时如何避免 HTML Select Multiple 中出现重复选项