jquery - 如何处理 jquery ui 的选项卡小部件的选择事件？

Question

我在我的网页中使用 jquery ui 的选项卡小部件初始化没问题。但想捕获选项卡的 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.* ，则以下代码是正确的。我错误地使用了文档。它仅适用于 1.8

如果您遇到类似问题，最好检查您的版本号。

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

Answer 2

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

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

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

ui.newTab.index()

Answer 3

你介意发布一个代码示例吗？根据http://api.jqueryui.com/tabs/ 没有“on_selected”事件，而是activate、beforeActivate、beforeLoad、create和load。

还有你想达到什么目标？

可以参考这个：jQuery - Trapping tab select event

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