1. 程式人生 > >jQuery給跳轉後頁面的導航欄新增選中後樣式

jQuery給跳轉後頁面的導航欄新增選中後樣式

感覺這個功能還是比較常用的,當頁面載入後,預設的導航欄子項有一個類,當其他子項點選時,移除之前標籤所新增類,給當前標籤加上類,程式碼如下

<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>