2013-08-26 53 views
1

我正在使用像这样的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?

+0

这是一个100%的客户端的问题,所以请您出示HTML输出,而不是你的ASP服务器端代码。 –

+0

这是我所有的代码,html输出只是你的标准导航栏,这不是一个真正的网站,只会在本地运行 – CSharper

+0

看来你不知道HTML和.NET源代码的区别。 –

回答

0

您需要在客户端上获取菜单客户端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> 
+0

这没有奏效,就像我对diodeus说的那样,这只会在我的电脑上本地运行 – CSharper

0

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

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

    } 
相关问题