简单的按钮同位素过滤示例好吗?

时间:2016-02-19 19:55:07

标签: jquery isotope

我一直在寻找一个我真正能理解的同位素例子,这不是我的头脑!

并且最好没有多维数组? :|

以下是我目前的https://jsfiddle.net/LL39kwue/2/

的jsfiddle
$(function() {
  var $buttons = $('#filter-menu button');
  var filters = [];
  $buttons.on('click', function() {
    var filterValue = $(this).attr('data-filter');
    filters.push(filterValue);
    $(this).addClass('active');
  });
  filters = filters.join(', ');
  $grid.isotope({
    filter: filters
  });
});

我只想一次选择多个过滤器选项,例如。 .category-1,.category-2

我已经尝试将我的这个复选框示例与http://codepen.io/desandro/pen/qaEsi

结合起来
{{1}}

但是返回:Uncaught TypeError:filters.push不是函数

1 个答案:

答案 0 :(得分:1)

我明白了!

我遇到的问题是使用filters = filters.join(',');

需要

something_else = filters.join(', ');
$grid.isotope({
  filter: something_else
});

我不确定您是如何从错误中弄清楚的:未捕获的TypeError:filters.push不是函数:|

在这里工作jsfiddle https://jsfiddle.net/8mj4nftv/2/