jquery導航菜單問題

Question

這可能是一個最簡單的問題，但有時我的啞巴知道沒有界限。

我想創建一個簡單的導航菜單。點擊導航菜單中的鏈接時，它應該變成一些不同的佈局，並保持這種狀態。我使用的jQuery的驗證碼，

$(function() 
{ 

    $(".top a").click(function() 
    { 
     $(this).parent().addClass('active').siblings().removeClass('active'); 
    }; 

}); 

這裏是菜單，

<ul class="top"> 

<li><a href="http://example.com/index.php" class="home"></a></li> 

<li><a href="http://example.com/page.php?id=1" class="charter"></a></li> 

<li><a href="http://example.com/about_us.php" class="about"></a></li> 

<li><a href="http://example.com/policy.php" class="policy"></a></li> 

<li><a href="http://example.com/page.php?id=4" class="code"></a></li> 

<li><a href="http://example.com/humanitarian.php" class="human"></a></li> 

</ul> 

我給你一流的活躍李標籤只要有人點擊任何鏈接。但是課程在頁面加載時丟失了。有人可以建議我如何讓活動課在那裏，並保持頁面加載後激活鏈接。似乎有一些我錯過了。

謝謝。

Answer 1

對頁面的JavaScript更改不會在頁面之間持續存在。相反，你可以嘗試這樣的事：

$(function() { 
    $('.top a').each(function() { 
     if (this.href == window.location.href) { 
      $(this).addClass('active'); 
      return false; 
     } 
    }); 
}); 

上面的代碼將通過你的導航，並添加active到第一錨匹配窗口的位置。