Несколько каруселей jQuery на вкладках пользовательского интерфейса 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, когда нажата 2-я или 3-я вкладка и нажата кнопка prev.

Что может быть причиной этого, я пытался много вещей, чтобы исправить это, но ни одна из них не исправила мою проблему.

Что вы рекомендуете?Трудно изменить всю структуру на новую из-за временного планирования этой работы.

tБлагодаря всем ответам уже сейчас

Снимок экрана Internet Explorer

Снимок экрана Chrome

Answer 1

Эта проблема связана с тем, что вы пытаетесь создать карусель после создания интерфейса с вкладками. Поэтому, вероятно, jcarousel пытается отобразить карусель внутри контейнера, свойство отображения которого имеет значение null (неактивная вкладка). Поскольку положение и многие другие свойства этого контейнера не могут быть надежно определены, это не удастся в большинстве браузеров. Пожалуйста, попробуйте выполнить рендеринг карусели до того, как рендеринг будет выполнен, а затем создайте вкладки.