鍍金池/ 問答/PHP  HTML/ 關(guān)于選擇導(dǎo)航高亮,為什么無效?

關(guān)于選擇導(dǎo)航高亮,為什么無效?

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <script type="text/javascript">
$(document).ready(function(){         
    $("#nav > li").find("a").click(function(){
        $("#nav").find("li").removeClass("active");
        $(this).parent("li").addClass("active");
    });
});
    </script>
                                                                        <div class="z-nav-container" >
<ul class="z-nav-conter menu clearfix" id="nav">
            <li ><a href="/"  ><span>網(wǎng)站首頁</span></a></li>
            
         <li><a href="/a1brand/"><span>品牌概述</span></a></li>
     <li><a href="/product/" ><span>產(chǎn)品介紹</span></a>
    <ul class="z-nav-sub">
        <li><a href="/product/meishidapei/"><span>美食搭配</span></a></li>
        
        <li><a href="/product/nut/"><span>堅果集</span></a></li>
        
        <li><a href="/product/seaSedge/"><span>堅果海苔</span></a></li>
        
        <li><a href="/product/negative/"><span>牛軋餅</span></a></li>
        
        <li><a href="/product/donkeyHideGelatinCake/"><span>阿膠糕</span></a></li>

    </ul>
    </li>
        <li><a href="/foundingTeam/"><span>創(chuàng)始團隊</span></a></li>
        <li><a href="/a/news/" ><span>媒體報道</span></a></li>
        <li><a href="/contact/" ><span>聯(lián)系我們</span></a></li>
</ul>

                                                                        </div>

使用以上代碼,為什么導(dǎo)航選中仍然無法添加class="active" 高亮,求解

回答
編輯回答
遺莣

你點擊一個鏈接,高亮了,然后又跳到了另一個頁面

2017年1月4日 10:58
編輯回答
女流氓

你試著把你 href的內(nèi)容全部去掉,你就會發(fā)現(xiàn)是因為你的跳轉(zhuǎn)導(dǎo)致了,高亮樣式消失,
如果你想跳轉(zhuǎn)保留樣式,我知道有兩種方法
1.你可以用 緩存/連接帶參 把它這個位置存起來,跳轉(zhuǎn)時在新的頁面根據(jù) 鏈接上的參數(shù)/緩存 判斷active的位置
2.把nav作為公共部分,通過document獲取新的頁面。

2017年5月21日 04:17