jQuery UI選項卡，選擇/取消選擇（摺疊）事件

Question

我正在使用jQuery UI 1.8.5標籤插件，可摺疊：真正的配置。 我需要在選項卡摺疊後添加一個css類來調用一個函數。有誰知道如何？

Answer 1

如果點擊存在ui-tabs-selected類你可以檢查。假設你使用的是標準的標記：

// in your click event 
var selected_exists = $('#yourTabBox') 
    .children('ul.ui-tabs-nav') 
    .children('li.ui-tabs-selected') 
    .length; 

if (selected_exists) { 
    // Nothing is collapsed 
} else { 
    // collapsed 
} 

這是完美的select事件。

Answer 2

那show event怎麼樣？因爲你不知道哪個隱藏了？

甚至可能是你想要的select event。使用'tabsselect'事件

：

$(".selector").tabs({ 
    collapsible: true, 
    select: function(event, ui) 
    { 
     var prevSelectedIndex = $(".selector").tabs('option', 'selected'); 
     var nextSelectedIndex = ui.index; 

     if(prevSelectedIndex === -1) 
     { 
      // It was previously collapsed and the user is now opening 
      // tab at index: nextSelectedIndex 
     } 
     else if(prevSelectedIndex === nextSelectedIndex) 
     { 
       // The user has clicked on the currently opened 
       // tab and it is collapsing 
     } 
    } 
});