我正在这个网站上工作http://fireworkslove.com http://fireworkslove.com
我制作了具有不同类别(推荐、新闻等)的导航,我想在页面打开时显示“推荐”类别(data-filter=".recommended"
)。现在,“推荐”已被视觉选择,但过滤器显示“显示全部”类别(data-filter =“.recommished”)。
这是导航的代码:
<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"
当页面加载时。
希望有人能帮助我,谢谢。
完毕!我必须改变:
filter: '*'
to
filter: '.recommended'
谢谢大家!
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)