jQuery UI选项卡,选择/取消选择(折叠)事件

ibps3vxo  于 2022-12-03  发布在  jQuery
关注(0)|答案(2)|浏览(120)

我正在使用jQuery UI 1.8.5标签插件,带有可折叠:false配置。我需要在标签折叠后调用一个函数来添加一个css类。有人知道怎么做吗?

luaexgnf

luaexgnf1#

您可以在单击时检查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事件。

6yt4nkrj

6yt4nkrj2#

你不知道哪一个被藏起来了?
也许甚至选择事件可能是你想要的。
使用“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
         }
    }
});

相关问题