在加载网站上将Isotope过滤器从Any更改为其他类别

时间:2018-02-15 13:48:49

标签: isotope

我有一个代码

// external js: isotope.pkgd.js

// init Isotope
var $grid = $('.grid').isotope({
    itemSelector: '.color-shape'
});

// store filter for each group
var filters = {};

$('.filters').on( 'click', '.button', function() {
    var $this = $(this);

    // get group key
    var $buttonGroup = $this.parents('.button-group');
    var filterGroup = $buttonGroup.attr('data-filter-group');

    // set filter for group
    filters[ filterGroup ] = $this.attr('data-filter');

    // combine filters
    var filterValue = concatValues( filters );

    // set filter for Isotope
    $grid.isotope({ filter: filterValue });
});

// change is-checked class on buttons
$('.button-group').each( function( i, buttonGroup ) {
    var $buttonGroup = $( buttonGroup );

    $buttonGroup.on( 'click', 'button', function() {
        $buttonGroup.find('.is-checked').removeClass('is-checked');
        $( this ).addClass('is-checked');
    });
});

// flatten object by concatting values
function concatValues( obj ) {
    var value = '';

    for ( var prop in obj ) {
        value += obj[ prop ];
    }

    return value;
}
来自同位素的

但是无法在加载时将其更改为其他类别。有人可以帮忙吗?我不需要所有'在加载时,我需要从头开始加载一个类别。

1 个答案:

答案 0 :(得分:0)

这是我加载特定类别的方式:

var $grid = $('.grid').isotope({
filter: '.red',
itemSelector: '.color-shape'
});