2

MetafizzyのIsotopeプラグインを使用しており、次のように選択メニューを使用してフィルタリングするように設定しています：http: //jsfiddle.net/trewknowledge/jJZEN/

    $(function() {

    var $container = $('#container'),
        $select = $('#filters select');

    $container.isotope({
        itemSelector: '.item'
    });

    $select.change(function() {
        var filters = $(this).val();
;
        $container.isotope({
            filter: filters
        });
    });

});​

私が理解しようとしているのは、filters変数がすでに使用されているときに、選択した要素にハイライト/アクティブクラスを追加する方法です。

4

1 に答える 1

6

これを試して：

$select.change(function() {
        var filters = $(this).val();
        $('.container div').removeClass('active');
        $(filters).addClass('active');
        $container.isotope({
            filter: filters
        });
});

デモ

また、遅すぎる<option value=".item">All</option>代わりに試すこともできます。<option value="*">All</option>

$select.change(function() {
        var filters = $(this).val();
        $('.active').removeClass('active');
        if (filters != '.item') {
            $( filters).addClass('active');
        }
        $container.isotope({
            filter: filters
        });
});

デモ

于 2012-07-01T03:01:38.477 に答える