twitter-bootstrap - Bootstrap 3 - 导航栏事件类

标签 twitter-bootstrap twitter-bootstrap-3 navbar

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

当我单击导航(房屋)时,在检查元素处它会添加事件类,但不会更改导航的颜色。添加类但没有效果。

我一直在尝试学习教程。它似乎在那里工作得很好,只是不适合我。

最佳答案

明白了,

.navbar div 上缺少导航栏主题类。将类 .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>

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

关于twitter-bootstrap - Bootstrap 3 - 导航栏事件类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19094461/

相关文章:

html - 为什么这些行出现在同一行? ( Bootstrap )

html - 如何让主体背景颜色停止应用于 div?

twitter-bootstrap - Bootstrap 选择数据属性

html - Bootstrap 3 'Fixed Navbar' 仅扩展了屏幕高度的大约 55-60%

c# - 是否有类似于 Twitter Bootstrap/Foundation5 的实用程序用于 Visual Studio 中的 WPF 文件?

css - 如何在 Bootstrap 中的表单左侧添加标题?

javascript - 对于相同的事件但不同的对象 jquery 有相同的功能

css - Bootstrap 警报右边距问题?

javascript - Bootstrap 3 Navbar Collapse menu at Left for left and right navbar items

html - Bootstrap 导航栏图像大小