活跃按钮S. Bootstrap 3

在我的导航面板中,我希望我的按钮变得活跃 /shad/, 当我点击它们时。 现在我只能不断使它们处于活动状态或不活动状态,但我不知道如何在我坚持他们的时候立即改变它。 我用新的 Bootstrap /3.0/.

例如:

不活跃


<li>&lt;%= link_to "Contact", contact_path %&gt;</li>


积极的


<li class="active">&lt;%= link_to "About", about_path %&gt;</li>


我希望他成为 active/non-active 取决于当前页面是否已选择。
已邀请:

奔跑吧少年

赞同来自:

使用 JavaScript.

例子 jQuery:


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


http://jsfiddle.net/qDdjE/
或者更大的下载:

http://jsfiddle.net/jdE2v/1/

裸奔

赞同来自:

你看了简单的导航 gem?

https://github.com/andi/simple-navigation
它具有此内置功能。

江南孤鹜

赞同来自:

如果您正在使用 bootstrap, 你可以写 data-toggle="dropdown", 例如

要回复问题请先登录注册