我的母版页中有这个。我可以在单击菜单时突出显示菜单，但在打开网站并加载起始页时无法突出显示网站的起始页。条目是我的起始页。

编辑:我看到在回帖中突出显示消失了。我该如何预防？

<script type="text/javascript">  
    $(document).ready(function () {
        var url = window.location;
        $('.navbar .nav').find('.active').removeClass('active');
        $('.navbar .nav li a').each(function () {
            if (this.href == url) {
                $(this).parent().addClass('active');
            }
        });
    });
</script>

<nav class="navbar navbar-default" style="margin-bottom: -20rem; clear: none; background-color: white; border-color: white;">
    <div style="margin-left: 0px;">
        <div class="navbar-header">
            <img src="../../Images/_logo.png" width="130" height="40" style="margin-right: 30px;" />
        </div>
        <div id="myNavbar">
            <ul class="nav navbar-nav" id="menusite">
                <li class="active"><a id="A1" style="outline: 0;" href="<%= Page.ResolveUrl("~/Pages/Entry")%>" title="Entry">Entry</a></li>
                <li><a id="A7" style="outline: 0;" href="<%= Page.ResolveUrl("~/Pages/Ideation")%>" title="Ideation">Ideation</a></li>
                <li><a id="A3" style="outline: 0;" href="<%= Page.ResolveUrl("~/Pages/Search")%>" title="Search">Search</a></li>
                <li><a id="A2" style="outline: 0;" href="<%= Page.ResolveUrl("~/Pages/Search?action=All")%>" title="AllSearch">Show All Projects</a></li>
                <li><a id="A4" style="outline: 0;" href="<%= Page.ResolveUrl("~/Pages/Admin")%>" title="Admin">User Admin</a></li>
                <li><a id="A5" style="outline: 0;" href="<%= Page.ResolveUrl("~/Pages/Maintenance")%>" title="Maintenance">Maintenance</a></li>
                <li><a id="A6" style="outline: 0; cursor: pointer;" href="<%= Page.ResolveUrl("~/Pages/ABC")%>" title="ABC">ABC</a></li>
                <li><a id="A8" style="outline: 0;" href="<%= Page.ResolveUrl("~/Pages/BCRT")%>" title="BCRT">BCRT</a></li>
            </ul>
        </div>
        <div class="float-right" style="border-left: thick solid orange; margin-right: 2rem; padding-left: 2px">
            <asp:Label ID="lblUser" runat="server" />
            <br />
            <asp:LinkButton ID="lnkSignOut" Text="Sign Out" OnClick="lnkSignOut_Click" runat="server" ForeColor="Blue" />
        </div>
    </div>
</nav>

最佳答案

您还可以在代码中创建菜单，这会给您更多的控制权，并且您不再需要 javascript。

//create a list with the menu items
List<string> menu = new List<string>();
menu.Add("Entry");
menu.Add("Ideation");
menu.Add("Search");

//make a stringbuilder
StringBuilder sb = new StringBuilder();

//loop all the items to build the menu
foreach (string s in menu)
{
    //check the url for the page name
    string cssClass = "";
    if (Request.RawUrl.ToLower().Contains("/" + s.ToLower()))
    {
        cssClass = "active";
    }

    //add the menu item to the stringbuilder
    sb.AppendLine(string.Format("<li><a href=\"{0}\" title=\"{0}\" class=\"{1}\">{0}</a></li>", s, cssClass));
}

//set the menu in the aspx page
Literal1.Text = sb.ToString();

关于jquery - asp.net 无法突出显示起始页 |查询 |回发取消突出显示菜单项，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43674199/