javascript - 如何在页面加载时激活 JS 数据过滤器？

Question

我正在这个网站上工作 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>

我认为我必须更改 fireworkslove.com/js/custom.js 上“过滤器 - 同位素”部分的代码(第 78 行)

这是代码

//##########################################
// 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"。

希望有人能帮助我，谢谢。

Answer 1

完成!我必须改变:

filter: '*'

到

filter: '.recommended'

谢谢大家!