jQuery UI选项卡中的jQuery多个轮播在Internet Explorer和Chrome中无法正常工作

我在页面中遇到问题，其URL可以在下面看到：

http://hero.mynet.com/new/

页面中间底部有一个标签式结构。每个标签包含一个轮播工作。每个轮播项目（图像）在点击时都可以叠加显示。

我使用jQuery 1.3.2（我知道它已经老了，但由于其他依赖关系我无法改变），jQuery UI 1.7.3，jCarousel 0.2.8和FancyBox 1.3.4来构建它。

单击第2或第3个选项卡并单击上一个按钮时，可以在Internet Explorer和Chrome的屏幕截图中看到问题。

什么可以导致这种情况，我尝试了很多东西来解决这个问题，但没有解决我的问题。

您有什么推荐的吗？ 由于这项工作的时间安排，很难将所有结构改为新结构。

现在已经回答了所有的答案

Internet Explorer屏幕截图

Chrome屏幕截图

Answer 1

此问题是因为您在创建选项卡式界面后尝试创建轮播。 因此，jcarousel可能正在尝试在其display属性设置为null的容器中呈现轮播（非活动选项卡）。 由于无法可靠地确定此容器的位置和许多其他属性，因此在大多数浏览器中都会失败。 请在渲染轮播之前尝试渲染轮播，然后创建标签。