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

Question

Итак, я использую вкладки 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(); 
       }); 

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

Answer 1

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

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

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

.ui-tabs-hide { 
     position: absolute; 
     left: -10000px; 
    }