jQuery給跳轉後頁面的導航欄新增選中後樣式
阿新 • • 發佈:2019-01-07
感覺這個功能還是比較常用的,當頁面載入後,預設的導航欄子項有一個類,當其他子項點選時,移除之前標籤所新增類,給當前標籤加上類,程式碼如下
<script> $(document).ready(function(){ $(".nav a").each(function(){ $this = $(this); if($this[0].href==String(window.location)){ $("#li").removeClass("active"); $this.parent().addClass("active"); } }); }); </script>
<ul class="nav nav-sidebar"> <li id="li"><a href="main.action">報告</a></li> </ul> <ul class="nav nav-sidebar"> <li><a href="article.html">文章</a></li> <li><a href="notice.html">公告</a></li> <li><a href="comment.html">評論</a></li> </ul>