html - Bootstrap 3 的活动按钮

Question

在我的导航栏中，我希望我的按钮在单击它们时变为活动状态（阴影）。现在，我只能永久地使它们处于活动状态或非活动状态，但不知道如何在单击它们后进行更改。我正在使用新的 Bootstrap (3.0)。

例如：

不活跃

<li><%= link_to "Contact", contact_path %></li>

积极的

 <li class="active"><%= link_to "About", about_path %></li>

我希望它根据当前页面是否被选中而处于活动/非活动状态。

score 9 · Accepted Answer

使用 JavaScript。

jQuery 示例：

$('ul li').click( function() {
    $(this).addClass('active').siblings().removeClass('active');
  });

或者使用更多引导程序：

score 0 · Accepted Answer

你看过简单导航宝石吗？

它内置了这个功能。

score 0 · Accepted Answer

0

如果您使用的是引导程序，您可以编写 data-toggle="dropdown" 例如 Home

于 2017-07-13T11:05:24.853 回答

3 回答 3