Bootstrap 3 - Navbar活动类

use*_*179 3 navbar twitter-bootstrap twitter-bootstrap-3

$("#houses a:contains('Houses')").parent().addClass('active');
Run Code Online (Sandbox Code Playgroud)
<body id="houses">
  <li><a href="houses.php">Houses</a></li> 
</body>
Run Code Online (Sandbox Code Playgroud)

当我单击导航(房屋)时,在inspect元素处它会将类添加为活动但不会更改导航的颜色.添加类但没有效果.

我一直在尝试按照教程.它似乎在那里很好,只是不适合我.

She*_*rma 7

疑难杂症,

您缺少.navbardiv 上的导航栏主题类.添加类.navbar-default.navbar和全部完成.

更新了HTML

<section class="navbar navbar-default">
                <ul class="nav navbar-nav">
                    <li><a href="index.php">New Listings</a>
                    </li>
                    <li><a href="homes.php">Houses</a>
                    </li>
                    <li><a href="land.php">Land</a>
                    </li>
                    <li><a href="mortgagecalc.php">Mortgage Calculator</a>
                    </li>
                    <li class="dropdown">   <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Pros<span class="caret"></span></a>

                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
                            <li> <a tabindex="-1" href="#">Register for Caraga Homes</a>
                            </li>
                            <li class="divider"></li>
                            <li> <a tabindex="-1" href="#">Post a listing for free</a>
                            </li>
                        </ul>
                        <!-- drop down Menu -->
                    </li>
                </ul>
            </section>
Run Code Online (Sandbox Code Playgroud)

一切都完成了.演示:http://jsfiddle.net/shekhardesigner/r2qaZ/