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

Question

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

某事像：

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

我如何检查其标签被选中？

Answer 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

Answer 2

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

你也可以做这样：

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

（总是从documentation）

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