如何使用jquery切换bootstrap3中页面加载时按钮组中的按钮

我有一个像下面这样的按钮组

  Staging   Production   

我想在页面加载时切换到生产。 我正在做下面的事情。

 $(document).ready(function() { $("#production").button('toggle'); } 

但什么都没发生。 我该怎么做？ 另外，我如何知道哪个按钮处于活动状态？

我正在使用带有Jquery 1.11.1的Bootstrap 3.3.2

Answer 1

按钮由label表示。 所以你需要做的就是在父标签元素上调用button方法：

 $(document).ready(function() { $("#production").parent().button('toggle'); }); 

或者更好的是，如果您希望默认选择生产，则应首先在HTML中添加active类：

 
  Staging   Production