jQuery UI選項卡中的jQuery多個輪播無法在Internet Explorer和Chrome中正常工作

Question

我的頁面存在問題，其網址可以在下面看到：

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（非活動選項卡）的容器內渲染該輪播。 由於無法可靠地確定此容器的位置和許多其他屬性，因此在大多數瀏覽器中這將失敗。 請先渲染輪播，渲染輪播后，再創建標簽頁。