Question

我正在使用此代码

$(document).ready(function () {
$(function () {
    $('li a[href^="../../' + location.pathname.split("/")[1] + '"]').addClass('active');
   });
});

根据我所在的页面突出显示我的导航。

它运行正常并且只显示导航中的一个链接，例如我http://test.com/content，但是当我登录主页http://test.com/时它会突出显示所有来自导航的li一旦..

尝试在jsfiddle中重现它...但是无法导致它然后将你重定向到其他页面或告诉该页面不存在

我能做些什么吗？

Answer 1

如何使用“ends with”运算符$ =而不是“starts with”^ =

通过这种方式，您可以检查域名后的所有内容。只需使用“if”：

排除仅包含域的路径名

$(document).ready(function () {
        if(location.pathname != "/") {
            $('li a[href$="' + location.pathname+ '"]').addClass('active');
        }
});

另外看看这两篇文章：

Select <a> which href ends with some string

http://www.w3schools.com/jsref/prop_loc_pathname.asp

在主页上，我的整个导航都是突出显示的

1 个答案: