0

ネストされたタブから 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'));

これを簡単な方法でアーカイブするアイデアはありますか?

4

1 に答える 1

1

あなたのコードをもっと見ることなく、私はあなたのhtmlがどのように設定されているかを推測することしかできません. しかし、個人的には、後でイベント リスナーをバインドするのではなく、呼び出し時にタブの activate イベントを使用します。$('.subtabs').tabs()

ジャバスクリプト:

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

デモ: http://jsfiddle.net/dirtyd77/b8uf2/2/

これがお役に立てば幸いです。他に何か必要な場合はお知らせください。

于 2013-02-19T22:15:47.377 に答える