jquery - jQuery UI 选项卡错误 - 选项卡相互混合

Question

我的页面中有选项卡（选项卡中的选项卡），当我将选项卡从父部分更改时（例如，我从第一个选项卡到第二个选项卡，然后返回到第一个选项卡）第一个选项卡的子选项卡的内容混合在一起，你见过这个错误吗？有没有办法修复它？谢谢

（内容正在通过 Ajax 加载）

起初的标签：看起来很好，没有混合

选项卡混合：（所有三个选项卡都显示在一个选项卡中）

Answer 1

我能够重现类似的问题。当您有非唯一的选项卡 ID 时会出现此问题。

这是一个说明问题的jsfiddle：（
查看选项卡3。即使选择了A，内部选项卡C也会显示）

http://jsfiddle.net/gizmovation/JJnJF/

要解决此问题，请将内部选项卡更改为具有与外部选项卡不同的 ID。

这是一个固定的 jsfiddle：（
查看选项卡 3。内部选项卡 A 将正确显示）

http://jsfiddle.net/gizmovation/EqyPM/

如果这不能解决您的问题，则可能与 jquery ui 选项卡未绑定到新加载的 ajax 内容有关。您可以在加载内容后尝试重新绑定 $(selector).tabs() 以查看是否有效。

希望这些信息有帮助！