无法获得突出显示的asp.net开始页面 jquery | 回发取消突出显示菜单项

Question

我在我的母版页中有这个.我点击它时可以突出显示菜单,但是当网站打开并开始加载页面时,我无法突出显示网站的开始页面.输入是我的开始页面.

编辑:我在帖子后面看到了亮点消失了.我该怎样预防呢？

<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>

Answer 1

实际上我最终在每个页面的页面加载中都这样做了，并且效果很好。

 ScriptManager.RegisterStartupScript(Page, GetType(), "try", "<script>document.getElementById('liReports').style.backgroundColor = '#fbb534';</script>", false);
        ScriptManager.RegisterStartupScript(Page, GetType(), "try1", "<script>document.getElementById('s6').style.color = 'White';</script>", false);

站长：

<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 id="liHome" class="active">
                                <a id="A1" style="outline: 0;" href="<%= Page.ResolveUrl("~/Pages/Home")%>" title="Home"><span id="sHome">Home</span></a>
                            </li>
                            <li id="liEntry"><a style="outline: 0;" href="<%= Page.ResolveUrl("~/Pages/Entry")%>" title="Entry"><span id="s1">Entry</span></a></li>

                            <li id="liSearch"><a style="outline: 0;" href="<%= Page.ResolveUrl("~/Pages/Search")%>" title="Search"><span id="s3">Search</span></a></li>
                            <li id="liReports"><a style="outline: 0;" href="<%= Page.ResolveUrl("~/Pages/Reports")%>" title="Reports"><span id="s6">Reports</span></a></li>
                            <li id="liAdmin" runat="server"><a style="outline: 0;" href="<%= Page.ResolveUrl("~/Pages/Admin")%>" title="Admin"><span id="s4">Admin</span></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 style="float:right;" ID="lnkSignOut" Text="Exit" OnClientClick="window.close()" runat="server" ForeColor="Blue" />
                    </div>
                </div>
            </nav>