jquery ui tabs - 在加载事件中获取加载的选项卡答案

【问题标题】：jquery ui tabs - get loaded tab in load eventjquery ui tabs - 在加载事件中获取加载的选项卡
【发布时间】：2013-05-09 18:18:34
【问题描述】：

我正在使用 jquery ui 选项卡（来自 ui 版本 1.9.2），并且这些选项卡正在通过 ajax 远程加载。

在 API 文档 (http://api.jqueryui.com/1.9/tabs/#event-load) 中，似乎建议我可以通过这种方式获取已加载选项卡的索引：

$(".tabs").tabs({
    load: function(event,ui) { console.log(ui.tab.index());  }
});

但是，这不起作用。我收到一个错误，因为 ui.tab 是 undefined

当我 console.log ui.tab 时，我得到了刚刚加载的选项卡的完整 URL，这让我相信 ui.tab 不是我期望的那种对象。我也尝试使用ui.panel.index()，但我得到相同的undefined 错误。

我可以使用activate 事件和ui.newTab.index() 获取activated 选项卡的索引，但这不是我想要的。

我错过了什么？

【问题讨论】：

【解决方案1】：

似乎 jQuery UI 文档尚未更新或它们有错误（和/或预期的实现不正确）。 ui.tab 正在返回 DOM 节点，而不是文档建议的 jQuery 对象。

这将为您获取选项卡的索引：

$("#tabs").tabs({
    load:function(event,ui) {
         var index = $(ui.tab).parent().index();

         console.log(index);
    }
});

如果您打算将该函数中的ui.tab 节点用于任何其他目的，最好先缓存它。

【讨论】：