根据细分添加活动类?

时间:2014-04-16 23:49:46

标签: javascript jquery substring

我的导航中有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在第一段内,则应该应用活动类。

关于我做错的任何想法?我感谢任何反馈。

0 个答案:

没有答案