jQuery UI选项卡嵌套选项卡事件触发和绑定

Question

我正在使用嵌套jQuery UI tabs，如http://jsfiddle.net/VvFyM/1/

所示

我正在尝试分别为外部选项卡和嵌套选项卡绑定到 tabsselect 事件。问题是，每当触发嵌套选项卡的tabsselect事件时，它似乎都是：

1. 外部标签的tabsselect处理程序也可以抓取，或
2. 外部标签的选择事件也被触发（因此被捕获）。

这是什么？

那么，有没有办法分别触发和绑定2个事件？

所以，而不是

$("#tabs").bind("tabsselect", function(ev, ui){
    console.log("Tab selected");
})

我想做点什么

$("#tabs").bind("/*tabsselect outside tabs only*/", function(ev, ui){
    console.log("Tab selected");
})

和

$("#tabs").bind("/*tabsselect inside tabs only*/", function(ev, ui){
    console.log("Tab selected");
})

Answer 1

而不是在初始化之后绑定select函数，而在初始化选项卡时绑定它并解决问题。我更新了你的小提琴以显示：http://jsfiddle.net/R5sSh/

Answer 2

此外，您可以删除ui-tabs-selected和ui-tabs-active类，然后可以使用$('#tabscontainer').tabs( "select", hashOrIndex );