用bootstrap的css文件做的導(dǎo)航條不能動(dòng)態(tài)的實(shí)現(xiàn)跳轉(zhuǎn)，如圖，頁(yè)面已經(jīng)跳轉(zhuǎn)到指定頁(yè)面了，但是導(dǎo)般條高亮還是在原來的位置，怎樣能讓高亮隨著頁(yè)面跳轉(zhuǎn)變化？導(dǎo)航條源碼：<ul class="nav nav-tabs "> <li class="active"> <a href="/home/">Home</a> </li> <li ><a href="/PC/">PC</a></li> <li ><a href="#">Printer</a></li> </ul>
2 回答
臨摹微笑
TA貢獻(xiàn)1982條經(jīng)驗(yàn) 獲得超2個(gè)贊
這個(gè)要加一段jQuery代碼解決(已測(cè)):
<script src="js/jquery.min.js"></script><!-- 注意這里要改為自己的jquery路徑!!!-->
<script type="text/javascript">
$(document).ready(function () {
$('ul.nav > li').click(function (e) {
e.preventDefault();
$('ul.nav > li').removeClass('active');
$(this).addClass('active');
});
});
- 2 回答
- 0 關(guān)注
- 1349 瀏覽
添加回答
舉報(bào)
0/150
提交
取消