我想在导航中添加一些类

时间:2016-05-21 21:44:34

标签: javascript jquery html css navigation

我将.selected用于topnav,将.active用于子导航

<div class="nav-collapse collapse navbar-collapse navbar-responsive-collapse">
<ul class="nav navbar-nav uppercase col-md-10">
    <li class="dropdown dropdown-fw open selected">
        <a href="javascript:;"><i class="icon-home"></i> Dashboard</a>
        <ul class="dropdown-menu dropdown-menu-fw">
            <li class="active"><a href="http://www.example.com/dashboard">Dashboard</a></li>
        </ul>
    </li>
    <li class="dropdown dropdown-fw">
        <a href="javascript:;"><i class="icon-puzzle"></i>example</a>
        <ul class="dropdown-menu dropdown-menu-fw">
            <li class="disabled"><a href="#">example1</a></li>
            <li><a href="http://www.example.com/2">example2</a></li>
            <li class="disabled"><a href="#">Sexample3</a></li>
            <li><a href="http://www.example.com/4">example4</a></li>
        </ul>
    </li>
</ul>

我想要的是当我点击并重定向到另一个页面时,我希望javascript检测页面的网址并激活我的导航栏中包含与url相同的href值的链接+将所选类添加到{{1的父级}}

.dropdown-menu-fw

2 个答案:

答案 0 :(得分:1)

也许你的意思 var url = window.location.href;代替.location? 这样就可以检索整个URL。

.location检索一个对象。

答案 1 :(得分:0)

这对我有用

login form