JQuery UI + tabs ：如何使用叠瓦式选项卡获取选定的选项卡

Question

我是 Jquery 新手。
我正在使用 JQuery UI，并且我有叠瓦式选项卡：选项卡中的选项卡。

___________
选项卡 1 |选项卡 2 |选项卡 3 |选项卡 4|选项卡 5
_____________
选项卡 1-1 |选项卡 1-2 |选项卡 1-3 |选项卡 1-4|选项卡 1-5

我正在使用 $('#div').bind('tabsselect', function(event, ui) {

selectedTab = ui.index;
Alert('selectedTab : ' + selectedTab);
});

了解所选索引。
如果我单击“选项卡”1，则返回的所选索引是正确的。

但是当单击第二级中的选项卡（“选项卡 1-xx”）时，该事件也会被触发。我想限制第一级选项卡（选项卡 x）上的 bind('tabsselect', function(event, ui) 。

我怎样才能做到这一点？

谢谢

Answer 1

您能发布选项卡的代码吗？

我想问题是因为你在“#div”中定义了孩子。
因此，jquery 触发选项卡 1-x 的标签选择事件到其父级

，也许您可​​以尝试为每个子级取消绑定该事件。