如何处理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()