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')
     }
 });

选项卡选择文档

选项卡事件文档

Answer 2

查看文档，可以使用事件“enable”来跟踪这。

您也可以这样做：

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

（始终来自文档）

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