jquery-ui - 获取激活标签的索引

Question

我正在将代码从 jQuery UI 1.8 升级到 1.10。

在1.8下，tab改变时触发的事件是select，我可以通过 访问被选中的tab的索引ui.index。

在 1.10 下，tab 改变时触发的事件是activate. 但是，我在 event 参数中找不到任何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.