如何解决我有一个引导模板,可让我显示类别中的项目,但是我无法更改首页上显示的默认类别
当我进入主页时,所有标记为“全部”的内容都会首先显示。相反,我希望默认情况下显示所有标记为“突出显示”的内容(但是如果单击了不同的类别,则希望显示该内容,目前可以正常使用)。我的编码经验非常有限,以前从未使用过此站点,但是通常我可以通过反复试验就能解决问题。这让我难过!
这是我的HTML:
<div class="container">
<div class="section-title text-center">
<h2>MY WORK</h2>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="portfolio-list">
<ul class="nav list-unstyled" id="portfolio-flters">
<li class="filter filter-active" data-filter=".highlights">Highlights</li>
<li class="filter" data-filter=".crime">Crime</li>
<li class="filter" data-filter=".events">Events</li>
<li class="filter" data-filter=".sga">SGA</li>
<li class="filter" data-filter=".podcast">Podcasts</li>
<li class="filter" data-filter=".wkyt">WKYT</li>
<li class="filter" data-filter=".wuog">WUOG 90.5 FM</li>
<li class="filter" data-filter=".video">Video</li>
<li class="filter" data-filter=".all">All</li>
</ul></div>
还有我的js:
$(window).load(function(){
var portfolioIsotope = $('.portfolio-container').isotope({
itemSelector: '.portfolio-thumbnail',layoutMode: 'fitRows'
});
$('#portfolio-flters li').on( 'click',function() {
$("#portfolio-flters li").removeClass('filter-active');
$(this).addClass('filter-active');
portfolioIsotope.isotope({ filter: $(this).data('filter') });
});
})
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。