如何處理jquery ui的標籤小部件的選擇事件？

Question

我在我的網頁中使用jquery ui的標籤小部件 初始化正常。但想要捕獲選項卡的on_selected事件來執行其他操作。我跟着jquery的文檔，但它不起作用。 doc！

我已經試過

$("#editor-tabs").tabs(); 
    $("#editor-tabs").bind("tabsshow",function(event,ui){ 
      alert(ui.index); 
    }); 

和

$("#editor-tabs").tabs({ 
    select: function(event,ui){alert(ui.index);} 
}); 

認沽斷點回調函數和他們沒有擊中。

Answer 1

，如果你使用jQuery UI的1.10 *，下面的代碼是正確的。 我錯誤地使用了doc。它僅適用於1.8

如果遇到類似問題，則更好地檢查您的版本號。

 $("#editor-tabs").tabs({                 
      activate:function(event,ui){              
          alert(ui.index);             
        }                   
     }); 

Answer 2

你介意發佈一個代碼示例嗎？根據http://api.jqueryui.com/tabs/ 這裏沒有「on_selected」事件，但在beforeActivate，beforeLoad，create和load之前激活。

你還想達到什麼目標？

也許是指這一個：jQuery - trapping tab select event

$('#tabs, #fragment-1').tabs({ 
    select: function(event, ui){ 
    // Do stuff here 
    } 
}); 

Answer 3

看我爲這個問題是相似的反應：

https://stackoverflow.com/a/17509685/763629

注意的jQuery UI 1.10.x +使用此：

ui.newTab.index()