因為你按下超連結時，網頁已經刷新了

你可以用Jquery cookie 儲存cookie

http://plugins.jquery.com/cookie/

下載並把jquery.cookie.js放到你的網站


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.cookie.js"></script> <script type="text/javascript"> $(document).ready(function () { var checkCookie = $.cookie("nav-item"); if (checkCookie != "") { //如果cookie裡面有值，就用eq找到該位置 $('#nav li:eq('+checkCookie+')').addClass("active"); } $("#nav li").on("click", function () { //儲存index到cookie var navIndex = $(this).index(); $.cookie("nav-item", navIndex); //視情況留著或刪除吧 //$("#nav li").removeClass("active"); //$(this).addClass("active"); }); }); </script> <style type="text/css"> /*因為看起來沒啥變化 所以我加了這行*/ #nav ul li.active a { color:red; } </style>

類似的問題:不過他是目錄的折疊


http://www.blueshop.com.tw/board/show.asp?subcde=BRD20140108152247GR7&fumcde=BRD20140108152247GR7

謝謝"min"的指教，已經可以使用了，只是我目前遇到一個問題，再向您請教。

當我點其他選單時active會改變我選的選單，可是當我在選其他的選單時，網頁有導向，可是active並沒有改變我所選的選單，我再按一次選單就可以了，只有一開始執行網頁，只需按一次，之後都必須按兩次，active才會改變選單，不好意思，在麻煩指教您，謝謝。

我運行目前的程式碼不會發生這種問題。(IE11和Chrome)

你現在運行的瀏覽器版本是?

還有JavaScript在瀏覽器上，有沒有發生任何錯誤?或用alert 看看 Cookie 的值是否有被正常讀出和存入

你說的其他的選單的意思是?你的網頁上有兩個menu?

不好意思"min"，我只有一個menu

我知道我的問題在哪裡了，我有些網頁有放在不同的資料夾，就會發生這個問題，就必須點兩次才可以"active"，才會到我選的選單上。

我用Firefox的firebug去看，如果是不同資料夾的網頁，必須要點兩次選單，路徑才會改變，請問網頁只能放在同一資料夾嗎?煩請 指教，謝謝。

在不同的目錄底下 是會有不同的cookie 所以你是因為兩個cookie是不同個 沒有互通

在儲存cookie的地方改成
var navIndex = $(this).index(); $.cookie("nav-item", navIndex, {path: "/"});
記得把舊的cookie清掉 然後再重新運作 應該就正常了

感謝"min"的幫忙，我的問題解決了，非常的謝謝您。