Jquery Highlight Active Link適用於Href鏈接，但不適用於菜單項

我正在使用像這樣的asp菜單控件。我想強調的當前活動菜單Jquery Highlight Active Link適用於Href鏈接，但不適用於菜單項

<asp:Menu ID="NavMenu" runat="server" CssClass="menu" EnableViewState="false" 
    Orientation="Horizontal">   
     <Items> 
      <asp:MenuItem NavigateUrl="Home.aspx" Text="Home" /> 
      <asp:MenuItem NavigateUrl="EventMGMT.aspx" Text="Event Management" /> 
     </Items> 
    </asp:Menu>

這個jQuery適用於A HREF鏈接，但我的菜單控制不工作。我有什麼要做，以便它參考我的菜單網址的

$(document).ready(function() { 
     var url = window.location.href; 
     url = url.substr(url.lastIndexOf("/") + 1); 
     $("#NavMenu").find("a[href='" + url + "']").addClass("selected"); 
    });

編輯：這可能與純CSS？

來源

2013-08-26 CSharper

這是一個100％的客戶端的問題，所以請您出示HTML輸出，而不是你的ASP服務器端代碼。 –

這是我所有的代碼，html輸出只是你的標準導航欄，這不是一個真正的網站，只會在本地運行 – CSharper

看來你不知道HTML和.NET源代碼的區別。 –

您需要在客戶端上獲取菜單客戶端ID。嘗試使用下面的代碼片段：

<script type="text/javascript"> 
     $(document).ready(function() { 
      var url = window.location.href; 
      url = url.substr(url.lastIndexOf("/") + 1); 
      $("#" + "<%= NavMenu.ClientID %>").find("a[href='" + url + "']").addClass("selected"); 
     }); 
    </script>

來源

2013-08-26 20:29:59

這沒有奏效，就像我對diodeus說的那樣，這隻會在我的電腦上本地運行 – CSharper

這

inside menu control 
<staticselectedstyle backcolor="red" /> 

inside css 
    div.menu ul li a::selection 
    { 

    }

來源

2013-08-26 23:32:27 CSharper

Jquery Highlight Active Link適用於Href鏈接，但不適用於菜單項

回答

相關問題