Question

我正在使用像这样的asp菜单控件。我想强调当前活跃的菜单

<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适用于href链接但不适用于我的菜单控件。我该怎么做才能引用我的菜单网址

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

编辑：纯css可以吗？

Answer 1

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

Answer 2

这是

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

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

     }

Jquery Highlight Active Link适用于Href链接，但不适用于菜单项

2 个答案: