根據當前選定的頂部標籤獲取嵌套選項卡

Question

我很難從嵌套選項卡獲取標識。

我有選項卡，每個選項卡內有嵌套選項卡。 我從頂部選項卡獲取ID沒有問題。

現在我想檢查哪個選項卡是活動的，但它必須來自頂部選定選項卡內的一組選項卡。

//Top tabs 
var topTabs = $('.tabs').tabs(); 
//Current selected top tab 
var curSelected = topTabs.tabs('option', 'selected'); 

//Here how can I get the subtab? NON FUNCTIONAL EXAMPLE 
var secondTabSelected = $(curSelected).children($('.subtabs').('option', 'selected')); 

任何想法以直接的方式歸檔這個？

Answer 1

沒有看到更多的代碼，我只能假設你的HTML是如何設置。但是，個人而言，我會在調用​​時使用tab's activate event，而不是稍後綁定事件偵聽器。

JAVASCRIPT：

$('.subtabs').tabs({ 
    activate: function(event, ui) { 
     //get relative li index 
     var secondTabSelected = $(ui.newTab).index(); 
     console.log(secondTabSelected); 
    } 
}); 

DEMO： http://jsfiddle.net/dirtyd77/b8uf2/2/

希望這有助於讓我知道，如果你有什麼事！