带有ID的btn-group中的Bootstrap Active Button

时间:2013-03-13 15:38:09

标签: jquery twitter-bootstrap

所以我有一个按钮组:

<div class="btn-group">
     <button id="specialOne" type="button" class="btn  "data-toggle="button">Item1</button>
     <button type="button" class="btn  "data-toggle="button">Item2</button>
</div>

有人可以如此友好地帮助我弄清楚如何使用: $('.btn-group button').removeClass('active'); 切换,我认为相反的是addClass('active') 然而,如何将它应用于特定的id按钮,即ID为specialOne的按钮? $('.id specialOne').addClass('active');

更新: 请参阅http://jsfiddle.net/Km4bj/

上的代码

1 个答案:

答案 0 :(得分:1)

Here is the documentation for ID Selection

$('.btn-group button#specialOne')

应该为您提供您想要的特定按钮

我更新了你的小提琴:here

有些事情,你没有将Jquery添加到小提琴中。

另一个问题是你绑定到html中的onclicks的JS函数没有被定义,所以他们抛出JS错误并阻止进一步的JS运行。一旦我删除了这些功能,就清除了错误并且它正在工作。

这就是您需要检查实际页面的内容,无论您使用哪种浏览器进行测试,都需要使用js控制台并检查是否存在错误。