在我的导航栏中，我希望当我单击按钮时它们变为活动状态（阴影）。现在，我只能永久使它们处于活动或非活动状态，但不知道单击它们后如何更改它。我正在使用新的 Bootstrap (3.0)。
例如：
不活跃
<li><%= link_to "Contact", contact_path %></li>
Active
<li class="active"><%= link_to "About", about_path %></li>
我希望它处于活动/非活动状态，具体取决于是否选择当前页面。
使用 JavaScript。
jQuery 示例：
$('ul li').click( function() {
$(this).addClass('active').siblings().removeClass('active');
});
DEMO http://jsfiddle.net/qDdjE/
或者使用更多引导程序：
Bootstrap 3 演示 http://jsfiddle.net/jdE2v/1/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
