jQuery标签手动激活

如何以编程方式激活特定标签？我试着阅读网上jQuery的文档后，下面的代码：jQuery标签手动激活

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

这确实带来了指定选项卡的内容，但它并不突出选定的选项卡的标题，这是当我手动点击选项卡头会发生什么。我也尝试过“刷新”选项，没有任何成功。在CSS我使用jQuery的标签（）的顶端引导3的TAB CSS

来源

2014-08-28 dotNET

您只需在所需的选项卡上触发点击事件即可。有点hackey，但我认为它会起作用。 – 2014-08-28 16:05:25

你可以通过css实现：http://stackoverflow.com/questions/16707224/how-to-highlight-selected-jquery-ui-tab – mk117 2014-08-28 16:09:06

谢谢大家。我忘了提及我在jQuery的选项卡（）上使用Bootstrap 3的TAB css，这导致了问题。 @肯尼汤普森简直就是黑客为我做的伎俩。 – dotNET 2014-08-28 16:21:45

由于引导的CSS的标签使用的一类active，加上课的时候选项卡被激活 - Demo

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

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

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

来源

2014-08-28 16:16:23

非常好的解决方案。谢谢。 – dotNET 2014-08-28 16:58:42

试试这个：

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

::source::

来源

2014-08-28 16:11:46 mk117

你能砍用户通过所需的选项卡上烧制.click()事件手动点击选项卡。

您还可以看到bootstrap's own jQuery plugin to manage your tabs。

来源

2014-08-28 18:38:21

jQuery标签手动激活

回答

相关问题