J'ai ceci dans ma page principale. Je suis capable de mettre le menu en surbrillance lorsque je clique dessus, mais je n'arrive pas à mettre en surbrillance ma page d'accueil du site Web lorsque le site est ouvert et que la page d'accueil se charge. L'entrée est ma page de démarrage.
EDIT : J'ai vu qu'en post back la mise en évidence disparaît. Comment puis-je l'empêcher ?
<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>