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）

一般來說，閱讀文檔，你會在那裏找到答案。