jquery ui選項卡 - 在加載事件中獲取加載選項卡

Question

我正在使用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選項卡的索引，但這不是我正在尋找的。

我錯過了什麼？

Answer 1

這似乎是jQuery UI文檔尚未更新或他們是錯誤的（和/或預期的實現是不正確的）。 ui.tab正在返回DOM節點，而不是文檔建議的jQuery對象。

這將讓該選項卡的索引爲您提供：

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

     console.log(index); 
    } 
}); 

如果您計劃使用該功能的ui.tab節點用於任何其他目的可能是最好先進行緩存。