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