jquery ui tabs，选择特定选项卡处于活动状态时执行某些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）

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