jquery uiのタブウィジェットの選択イベントを処理する方法は？

Question

私のウェブページでjquery uiのタブウィジェットを使用しています 初期化はOKです。タブの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を使用しました。同様の問題がある場合は、バージョン番号を確認する方がよいでしょうか。

 $("#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()