如何使用jquery选项卡检查哪些选项卡处于活动状态？

Question

如何使用jquery选项卡检查哪些选项卡处于活动状态？

Answer 1

请尝试使用索引

 function getIndex(){
     return $("ul li.ui-state-active").index();
    }

它将返回所选li或tab的索引。

Answer 2

我需要在activate事件期间获取活动选项卡。我可以使用选项活动调用来完成此操作。

$('#tabs').tabs({
    activate: function (event, ui) {
        var activeTabId = $(this).tabs('option', 'active');
    }
});

Answer 3

对此不太确定但我认为jQuery会动态分配一类'ui-state-active'

Answer 4

var index = $("#tabs").tabs('option', 'selected');

Answer 5

我正在使用这样的东西：

$tabContainer.tabs({
    activate: function (event, ui) {
        if (ui.newPanel.is("#TabId")) {
            // do sth here
        }
    }
});

Answer 6

var selectedTabIndex = 0;
jQuery("#tabContainer").tabs({
 select: function(event, ui) { 
  selectedTabIndex = ui.index; 
 }
});

您可以在应用中使用selectedTabIndex