導(dǎo)航點擊跳轉(zhuǎn)后選項更換

可以通過js獲取url來添加修改active

在腳本里獲取 URL 中的信息來找和 <a href="...."> 中的對應(yīng)關(guān)系，然后給找到的 <a> 添加 active 類。

既然你的頁面是刷新的，但導(dǎo)航是公共的，這部分代碼可以寫在公共區(qū)域的尾部，立即執(zhí)行或者在 ready 事件中執(zhí)行都可以。

關(guān)鍵是要把 url 分析準(zhǔn)確，能正確匹配到 <a> 上去。

給這個ul增加一個id;通過js判斷

//html
<nav>
    <ul id="test>
        <li class="active"><a href="/">首頁</a></li>
        <li><a href="/product">產(chǎn)品</a></li>
        <li><a href="/help">幫助</a></li>
   </ul>
</nav>

//js
$(function(){
  $("#test li").click(function() {    
    $(this).siblings('li').removeClass('active');  // 刪除選中的其他兄弟元素的樣式   
    $(this).addClass('active');                    // 添加當(dāng)前元素的樣式    
  });
});