根据当前选定的顶部标签获取嵌套选项卡

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/

希望这有助于让我知道，如果你有什么事！