2

我第一次玩 Twitter Bootstrap。在http://twitter.github.io/bootstrap/index.html找到

它有很多很棒的信息，但我找不到任何地方告诉我如何为菜单设置活动状态。它有很多菜单示例，但没有关于如何将活动状态添加到菜单项的 jquery 示例。如何使用内置的 twitter 引导功能和 jquery 来做到这一点？当然这是可能的。我只想将活动类分配给选定的 li 元素。我真的找不到任何关于这个简单请求的信息。有人知道怎么做吗？

菜单都像<ul><li></li><li></li></ul>分配给 ul 的不同类一样。他们每个人都有一个 .active 类，但它没有告诉任何 jquery 向这些菜单添加活动状态。任何人都知道如何专门针对引导程序？

我在下面提到的链接上尝试了 jquery，但我似乎无法让它发挥作用。我的菜单看起来像

<ul class="nav nav-pills">
    <li><a href="one.php">one</a></li>
    <li><a href="two.php">two</a></li>
    <li><a href="three.php">three</a></li>
    <li><a href="four.php">four</a></li>
</ul>
4

1 回答 1

2

使用 jQuery 添加active类：

$(".nav.nav-pills li:first").addClass("active");

您还可以使用选择器选择其他列表项eq(n)：

$(".nav.nav-pills li:eq(2)").addClass("active"); // selects the 2nd element

或者：

var liToSelect = 3;
$(".nav.nav-pills li:eq("+(liToSelect-1)+")").addClass("active");

http://jsfiddle.net/Y36FV/

于 2013-06-17T18:37:39.403 回答