jquery-ui - アクティブなタブのインデックスを取得

Question

コードを jQuery UI 1.8 から 1.10 にアップグレードしています。

1.8未満では、タブが切り替わったときに発生するイベントが でselect、 から選択中のタブのインデックスにアクセスできましたui.index。

1.10未満では、タブが変更されたときにトリガーされるイベントは ですactivate。uiただし、新しくアクティブ化されたタブのインデックスを示すイベント パラメーターには何も見つかりません。

どうすればそのインデックスを見つけることができますか?

Answer 1

次のアプローチhttp://jsfiddle.net/9ChL5/1/を使用できます。

$("#tabs").tabs({
    activate: function (event, ui) {

        console.log(ui.newTab.index());
    }
});

Answer 2

UI オブジェクトはまだここにありますが、oldTab、newTab、oldPanel、newPanel の jQuery オブジェクトを直接保持しているように見えるため、使用するオブジェクトを見つけるためにインデックスは必要ありません。

http://api.jqueryui.com/tabs/#event-activateを参照してください

ui Type: Object

- newTab
Type: jQuery
The tab that was just activated.
- oldTab
Type: jQuery
The tab that was just deactivated.
- newPanel
Type: jQuery
The panel that was just activated.
- oldPanel
Type: jQuery
The panel that was just deactivated.