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

我使用的是嵌套的，如图所示

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

外部选项卡的tabsselect处理程序也会捕获它，或者 “外部”选项卡的“选择”事件也会触发，因此它会被捕获。 是哪一个

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

因此，与其

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

我想做一些像

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

及

---

不要在初始化后绑定select函数，而是在初始化选项卡时绑定它，这样就解决了问题。我更新了你的提琴以显示这一点：

此外，你可以删除选中的ui选项卡和ui选项卡活动类，然后你可以使用$'tabscontainer'。选项卡选择，hashOrIndex

非常感谢你的努力。作为跟进，我如何获得它，以便在单击主选项卡时控制它生成子选项卡选择事件？基本上，当我单击主选项卡时，我希望它推迟到子选项卡的选择事件。这是一个不同的问题，但您可能要做的是为子选项卡选择事件创建一个单独的函数，然后从选项卡和子选项卡选择绑定调用它。更新小提琴：

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