用bootstrap的css文件做的導航條不能動態的實現跳轉，如圖，頁面已經跳轉到指定頁面了，但是導般條高亮還是在原來的位置，怎樣能讓高亮隨著頁面跳轉變化？導航條源碼：<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貢獻1982條經驗 獲得超2個贊
這個要加一段jQuery代碼解決(已測):
<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 關注
- 1340 瀏覽
添加回答
舉報
0/150
提交
取消