jquery ui选项卡，当特定选项卡处于活动状态时执行一些css，选中答案

【问题标题】：jquery ui tabs, do some css when specific tab is active, selectedjquery ui选项卡，当特定选项卡处于活动状态时执行一些css，选中
【发布时间】：2011-09-05 10:18:46
【问题描述】：

当在 jquery ui 选项卡中选择（单击）特定选项卡时，我想更改一些样式（例如正文背景颜色）。

喜欢的东西：

if (tab nr 2 is selected) { $(body).css('background', 'red') }
if (tab nr 3 is selected) { $(body).css('background', 'blue') }

如何检查选择了哪个选项卡？

【问题讨论】：

stackoverflow.com/questions/185235/…

标签： javascript jquery jquery-ui jquery-ui-tabs

【解决方案1】：

$('.ui-tabs-nav').bind('tabsselect', function(event, ui) {
     var index=ui.index;
     if(index===2){ 
        $(body).css('background', 'red')
     }
     else if(index===3){ 
        $(body).css('background', 'blue')
     }
 });

Tab select documentation

Tabs Events documenation

【讨论】：

【解决方案2】：

Looking at the documentation，您可以使用事件“启用”来跟踪这一点。

你也可以这样做：

var $tabs = $('#example').tabs();
var selected = $tabs.tabs('option', 'selected');

（总是来自documentation）

一般来说，阅读文档，您会在那里找到答案。

【讨论】：