我使用以下 Jquery 来突出显示导航栏中当前页面的链接。
// Add Active Class To Current Link
var url = window.location; // get current URL
$('#nav a[href="'+url+'"]').addClass('active');
我的导航看起来像这样:
<nav>
<ul id="nav">
<li><a href="">Home</a></li>
<li><a href="">About Us<b class="caret"></b></a>
<ul>
<li><a href="">Sub Link 1</a></li>
<li><a href="">Sub Link 2</a></li>
<li><a href="">Sub Link 3</a></li>
</ul>
</li>
<li><a href="">Products</a></li>
<li><a href="">Contact</a></li>
</ul>
</nav>