在重置按钮单击时重置选择框同位素组合

时间:2015-08-24 06:29:09

标签: javascript jquery jquery-isotope

我有多个选择框过滤器来使用jQuery同位素过滤数据。我想在按钮点击时重置所有组合。 我试过以下代码来重置这个;但它只显示所有数据,实际上没有重置过滤器选项;

$('.reset').on('click', 'button', function () {
    $('.grid').isotope({
        filter: '*',
    });
});

我正在使用以下代码来处理选择框过滤器;

var $grid = $('.grid').isotope({
    itemSelector: '.element-item',
    layoutMode: 'vertical'
});
var filters = {};

// filter buttons
$('.filters-button-group').on('change', 'select.filterfields', function () {
    var $this = $(this);
    var group = $this.attr('data-filter-group');
    filters[ group ] = $this.find(':selected').attr('data-filter');
    var isoFilters = [];
    for ( var prop in filters ) {
      isoFilters.push( filters[ prop ] )
    }
    var selector = isoFilters.join('');
    $('.grid').isotope({ filter: selector });
    return false;
});

请帮我按一下按钮重置所有组合过滤器。

0 个答案:

没有答案