因為引入了公共的 header.html,所以需要使用 js來實現向 li 加入active的高亮屬性,這里我通過url地址和href的地址進行判斷
1 // 這里對當前頁面導航高亮 2 $(function () { 3 setHover(); 4 }); 5 function setHover() 6 { 7 var url = document.URL; 8 var href = ""; 9 $("#home_nav li").each(function(){ 10 href = $(this).find("a").attr("href"); 11 var address = href.split("=")[1]; 12 // 這里用正則判斷一下地址 13 if( url.search(address)!= -1 ) 14 { 15 $(this).addClass("active"); 16 return false; 17 } 18 }); 19 }