如何处理jquery ui的tab小部件的select事件？

Question

我在我的网页中使用jquery ui的tab小部件初始化是可以的.但是想要捕获选项卡的on_selected事件来执行其他操作.我遵循jquery的文档,但它不起作用.医生!

我试过了

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

请参阅我对这个类似问题的回答:

/sf/answers/1225677981/

注意jQuery UI 1.10.x +使用这个:

ui.newTab.index()