我的导航中有URL,我试图根据第一段添加活动类,而不是绝对URL,但它不起作用。
/ *获取用于设置活动导航列表项的URL * /
var url = window.location.pathname.split('/'),
path = url [2];
$(".navbar-nav").children("li").each(function() {
var link = $(this).children("a").attr("href"),
linkPathIndex = link.lastIndexOf("/")+1,
linkPath = link.substring(linkPathIndex);
if (linkPath == path) {
$(this).addClass("active");
}
});
HTML
<ul class="nav navbar-nav">
<li><a href="www.example.com/">Home</a></li>
<li><a href="www.example.com/products">Products</a></li>
<li><a href="www.example.com/services">Services</a></li>
<li><a href="www.example.com/about-us">About Us</a></li>
</ul>
</div>
我正在尝试将我的活动类应用到导航栏,即使url结构是这样的:
约-我们 关于美/位置 约-US /就业
如果about-us在第一段内,则应该应用活动类。
关于我做错的任何想法?我感谢任何反馈。