Вкладки jQuery, вложение других элементов jquery или javascript внутри работает только на первой вкладке

Поэтому я использую вкладки jQuery, как показано здесь http://docs.jquery.com/UI/Tabs просто вызовами ui.js и ui_002.js. Вкладки работают отлично, я могу установить контент, и все работает прекрасно. Моя проблема связана с желанием использовать jcarousel на каждой вкладке.

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

Я использую это для вызова вкладок и карусели

 jQuery.noConflict();

                jQuery(function() {
                    jQuery('.container-1 > ul').tabs();
                    jQuery('.mycarousel').jcarousel();
                });

Я надеюсь, что это что-то простое, как то, что я забыл. Заранее спасибо и не стесняйтесь, дайте мне знать, что еще я могу поставить


person CarterMan    schedule 11.12.2010    source источник


Ответы (1)


Хитрость заключается в CSS. Вместо того, чтобы использовать

.ui-tabs-hide
  {display:none;}

вам нужно использовать

 .ui-tabs-hide {
        position: absolute;
        left: -10000px;
    }
person CarterMan    schedule 11.12.2010
comment
Здорово! это действительно помогло мне! - person Mike; 29.06.2011