Javascript jQuery选项卡手动激活

如何以编程方式激活特定选项卡？在阅读在线jQuery文档后，我尝试了以下代码：

$("#MyTabsDiv").tabs( "option", "active", 1 );

这会显示指定的选项卡内容，但不会突出显示选定选项卡的标题，这是我手动单击选项卡标题时发生的情况。我也尝试过“刷新”选项，但没有成功。我在jQuery的选项卡上使用Bootstrap3的选项卡css（）

在css中尝试以下操作：

#tabs .ui-tabs-active {
  background: yellow;
}

---

由于Bootstrap的选项卡CSS使用了一个类

active

，因此在选项卡激活时添加类-

或使用on（）附加到事件-

$("#MyTabsDiv").on( "tabsactivate", function( event, ui ) {
    $(ui.newTab).addClass('active')
    $(ui.oldTab).removeClass('active')  
});

---

您可以通过在所需选项卡上触发

.click（）

事件，手动攻击用户单击该选项卡

---

您还可以看到。

您只需在所需选项卡上触发单击事件即可。有点骇客，但我认为它会起作用。你可以通过css实现这一点：谢谢大家。我忘了提到我在jQuery的tabs（）上使用了Bootstrap3的TAB css，这是导致问题的原因@Kennythonpson的简单破解帮了我的忙。另一个解决方案是在新标签激活时添加活动类（用于引导标签）。Bootstrap有自己的jQuery插件供他们的标签参考（你可能知道，只是指出它，以防你不知道）。

$("#MyTabsDiv").on( "tabsactivate", function( event, ui ) {
    $(ui.newTab).addClass('active')
    $(ui.oldTab).removeClass('active')  
});