料青山看我應(yīng)如是
2019-03-01 14:19:37
1.用的是bootstrap導(dǎo)航html的結(jié)構(gòu)是<nav> <ul> <li class="active"> <a>然后有<a href="/">首頁</a><a href="/product">產(chǎn)品</a><a href="/help">幫助</a>等等想實(shí)現(xiàn)的效果:點(diǎn)擊后跳轉(zhuǎn)到指定頁面之后,對(duì)應(yīng)的選項(xiàng)添加一個(gè)Class="active"也就是:比如點(diǎn)了產(chǎn)品頁.跳轉(zhuǎn)到產(chǎn)品頁,產(chǎn)品頁那個(gè)就變成<li class="active"><a href="/product">產(chǎn)品</a></li>其他選項(xiàng)變成<li><a href="/...">產(chǎn)品</a></li>
3 回答

森林海
TA貢獻(xiàn)2011條經(jīng)驗(yàn) 獲得超2個(gè)贊
給這個(gè)ul增加一個(gè)id;通過js判斷
//html
<nav>
<ul id="test>
<li class="active"><a href="/">首頁</a></li>
<li><a href="/product">產(chǎn)品</a></li>
<li><a href="/help">幫助</a></li>
</ul>
</nav>
//js
$(function(){
$("#test li").click(function() {
$(this).siblings('li').removeClass('active'); // 刪除選中的其他兄弟元素的樣式
$(this).addClass('active'); // 添加當(dāng)前元素的樣式
});
});
添加回答
舉報(bào)
0/150
提交
取消