현재 선택된 탭을 기준으로 중첩 탭 가져 오기

Question

중첩 탭에서 ID를 가져 오는 데 어려움이 있습니다.

탭이 있고 각 탭의 내부에 중첩 탭이 있습니다. 상단 탭에서 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을 설정하는 방법 만 가정 할 수 있습니다. 그러나 개인적으로 나중에 이벤트 수신기를 바인딩하는 대신 $('.subtabs').tabs()을 호출 할 때는 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/

희망!