jQuery UI Tabs bug - 标签彼此混合在一起

时间:2012-05-22 19:20:14

标签: jquery asp.net ajax jquery-ui jquery-ui-tabs

我的页面中有选项卡(选项卡中的选项卡),当我从父部件更改选项卡时(例如,我从第一个选项卡转到第二个选项卡,然后返回到第一个选项卡)第一个选项卡的子选项卡的内容混合,你看到这个错误?,有没有办法解决它?谢谢

(内容通过Ajax加载)

首先是

标签:看起来很好但没有混合 enter image description here

标签混合:(所有三个标签都显示在一个标签中)

enter image description here

1 个答案:

答案 0 :(得分:4)

我能够重现类似的问题。如果您有非唯一标签ID,则会出现此问题。

这是一个解释问题的方法:
(查看选项卡3.即使选择了A,内部选项卡C也会显示)

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

要解决此问题,请将内部标签更改为具有与排除标签不同的ID。

这是一个固定的jsfiddle:
(查看标签3.内部标签A将正确显示)

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

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

希望此信息有所帮助!