2

私はこのサイトに取り組んでいますhttp://fireworkslove.com

さまざまなカテゴリ (おすすめ、ニュースなど) のナビゲーションを作成します。ページを開いたときに「おすすめ」カテゴリを表示したい ( data-filter=".recommended")。現在、「推奨」が視覚的に選択されていますが、フィルターには「すべて表示」カテゴリ (data-filter=".recommended") が表示されます。

ナビのコードは次のとおりです。

<li><a href="#" data-filter=".recommended" class="selected">Recommended</a></li>
<li><a href="#" data-filter=".news">News</a></li>
<li><a href="#" data-filter=".community">Community</a></li>
<li><a href="#" data-filter=".resources">Resources</a></li>
<li><a href="#" data-filter=".extensions">Extensions</a></li>
<li><a href="#" data-filter=".tutorials">Tutorials</a></li>
<li><a href="#" data-filter=".articles">Articles</a></li>
<li><a href="#" data-filter=".influencers">Influencers</a></li>
<li><a href="#" data-filter="*">Show all</a></li>

私は、「フィルター - アイソトープ」セクション (78 行目) で、parkerlove.com/js/custom.js のコードを変更する必要があると思います。

ここにコードがあります

//##########################################
// Filter - Isotope 
//##########################################


var $container = $('#filter-container');

$container.imagesLoaded( function(){
    $container.isotope({
        itemSelector : 'figure',
        filter: '*',
        resizable: false,
        animationEngine: 'jquery'
    });
});

// filter buttons

$('#filter-buttons a').click(function(){

    // select current
    var $optionSet = $(this).parents('#filter-buttons');
    $optionSet.find('.selected').removeClass('selected');
    $(this).addClass('selected');

    var selector = $(this).attr('data-filter');
    $container.isotope({ filter: selector });
    return false;
});

data-filter=".recommended"ページの読み込み時にアクティブにしたい。

誰かが私を助けてくれることを願っています、ありがとう。

4

1 に答える 1

2

終わり！私は変わらなければなりません。

フィルター： '*'

に

フィルター: '.recommended'

みんなありがとう！

于 2012-09-03T07:32:25.657 に答える