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

2010-10-29 Bart

请与指数尝试

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

它将返回选定Li或选项卡索引。

2010-10-29 04:42:10 kbvishnu

就像一个魅力！ – indago 2013-09-26 07:44:41

不太清楚，但我觉得jQuery的动态分配一个类的UI状态处于激活状态“的

2010-10-29 04:14:00 sk747

正确的，jQuery的添加类'UI状态，active'到活动标签。看到http://jqueryui.com/demos/tabs/与Firebug看看它是如何工作的。 – Scott 2010-10-29 04:21:13

我需要以编程方式检查它，所以我可以做相关的动作 – Bart 2010-10-29 04:35:58

var selected = $ tabs.tabs（'option'，'selected'）; // => 0 – Bart 2010-10-29 04:36:28

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

2011-06-22 14:23:55 Bartek

如果您正在访问激活事件中的值，则所选选项会延迟1次点击。 – 2012-10-19 05:29:50

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

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

2012-10-19 05:32:12

很好的答案真的很感激。 – User 2015-03-29 08:49:28

我使用的是这样的：

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

2014-07-28 15:07:39

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

您可以在应用程序中使用selectedTabIndex

来源

2015-10-28 07:15:38

回答