如何使用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

回答