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

问题描述:

我在页面中有选项卡(选项卡在选项卡中),当我从父级部分更改选项卡时(例如,我从第一个选项卡到第二个选项卡,然后返回到第一个选项卡)第一个选项卡的子选项卡的内容混合在一起,你看过这个错误吗?有没有办法解决它?感谢jQuery UI选项卡错误 - 选项卡相互混合

(其内容正在通过Ajax负载)

翼片在第一:看起来很好,而不是混合 enter image description here

凸片获得混合:(所有三个选项卡在一个选项卡显示)

enter image description here

+2

如果使用ajax加载内容,您是否必须重新初始化子选项卡?无论如何,你最好使[jsfiddle](http://www.jsfiddle.net)重现你的问题 –

+0

发布你的代码? –

我能够重现类似的问题。如果您拥有不唯一的标签ID,则会发生该问题。

下面是一个的jsfiddle能说明问题:
(看标签,即使是选择A 3.内侧接头C的温度将显示)

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

要解决该问题,改变你内心的选项卡有与外部标签不同的标识符。

这里有一个固定的jsfiddle:
(看片3.内标签A将正常显示)

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

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

希望此信息有帮助!

+0

谢谢,它工作。正如你所说的问题是与非独特的ID,我会在18小时内给你的赏金,:) – ePezhman

+0

优秀,很高兴为你工作! – christurnerio