javascript - jQuery Tabs手动激活

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

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

这确实会显示指定的选项卡内容，但不会突出显示所选选项卡的标题，这是我手动单击选项卡标题时发生的情况。我也尝试过“刷新”选项，但没有成功。我在jQuery的tabs（）顶部使用Bootstrap 3的TAB CSS

最佳答案

由于Bootstrap的选项卡CSS使用active类，因此在激活选项卡时添加类-Demo

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

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

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