简单的按钮同位素过滤的例子吗？

我一直在寻找无处不在的同位素示例，我实际上可以理解，这不是我的头顶！简单的按钮同位素过滤的例子吗？

并最好没有多维数组？：|

这里是我有什么目前https://jsfiddle.net/LL39kwue/2/

var $grid = $('#grid').isotope({ 
    itemSelector: '.item', 
    layoutMode: 'packery', 
}); 
$(function() { 
    var $buttons = $('#filter-menu button'); 
    $buttons.on('click', function() { 
    var filterValue = $(this).attr('data-filter'); 
    $(this).addClass('active').siblings().removeClass('active'); 
    $grid.isotope({ 
     filter: filterValue 
    }); 
    }); 
});

我只是希望能够选择在同一时间超过一个过滤选项，例如的jsfiddle。 .category-1，.category-2

我试图已向矿用此复选框例如http://codepen.io/desandro/pen/qaEsi

$(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 
    }); 
});

结合但这返回：遗漏的类型错误：filters.push不是一个函数

来源

2016-02-19 jfox

我想通了！

我遇到的问题是使用了filters = filters.join（'，'）;

它需要的是

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

我不知道你是如何打算找出答案从错误：未捕获的类型错误：filters.push不是一个函数：|

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

来源

2016-02-19 21:29:58 jfox

简单的按钮同位素过滤的例子吗？

回答

相关问题