2012-05-22 2 views
0

У меня есть вкладки на моей странице (вкладки в вкладках), и когда я меняю вкладку с родительской части (например, я получаю от первой вкладки до второй вкладки, а затем возвращаюсь к первая вкладка) содержимое вкладок детей на первой вкладке становится смешанным, вы видели эту ошибку ?, есть ли способ ее исправить? благодаряjQuery UI Tabs bug - вкладки смешиваются друг с другом

(содержание в настоящее время загрузки с помощью Ajax)

Вкладки в первой: выглядит отлично и не смешиваться enter image description here

Вкладки получают смешанные: (все три вкладки отображаются на одной вкладке)

enter image description here

+2

Вам не нужно повторно инициализировать дочерние вкладки, если контент загружен с помощью ajax? Во всяком случае, вам лучше сделать [jsfiddle] (http://www.jsfiddle.net), чтобы воспроизвести вашу проблему. –

+0

Опубликовать свой код? –

ответ

4

Я смог воспроизвести подобную проблему. Проблема возникает, когда у вас есть уникальные идентификаторы табуляции.

Вот является jsfiddle, иллюстрирующий проблему:
(Посмотрите на вкладке 3. Внутренняя вкладка C будет отображаться, даже если А выбран)

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

Чтобы решить эту проблему, изменить свои внутренние вкладки, имеют идентификаторы, которые отличаются от вкладок outter.

Вот фиксированная jsfiddle:
(Посмотрите на вкладке 3. Внутренняя вкладка А будет показывать правильно)

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

Если это не исправить вашу проблему, это может быть связано с JQuery ui не привязаны к недавно загруженному содержимому ajax. Вы можете попробовать повторно привязать $ (селектор) .tabs() после загрузки содержимого, чтобы увидеть, работает ли это.

Надеюсь, эта информация поможет!

+0

Спасибо, это сработало. как вы сказали, проблема заключалась в не уникальных идентификаторах, я дам вашу награду за 18 часов, :) – ePezhman

+0

Отлично, рад, что сработал для вас! – christurnerio

Смежные вопросы