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

Question

我的页面有问题，其 URL 如下所示:

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

页面中间底部有一个选项卡式结构。每个选项卡包含一个轮播工作。并且每个轮播项目(图像)都可以在单击时显示在叠加层中。

我使用 jQuery 1.3.2(我知道它很旧，但由于其他依赖我无法更改)、jQuery UI 1.7.3、jCarousel 0.2.8 和 FancyBox 1.3.4 来构建它。

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

是什么原因造成的，我尝试了很多方法来解决这个问题，但都没有解决我的问题。

你有什么建议吗？由于这项工作的时间计划，很难将所有结构更改为新结构。

感谢现在所有的答案

Internet Explorer 屏幕截图


Chrome 屏幕截图

Answer 1

这个问题是因为您在创建选项卡式界面后尝试创建轮播。所以可能 jcarousel 正在尝试在其显示属性设置为 null (非事件选项卡) 的容器内呈现轮播。由于无法可靠地确定此容器的位置和许多其他属性，因此在大多数浏览器中这将失败。请先尝试渲染轮播，一旦轮播被渲染，然后创建选项卡。