Onglets jQuery, l'imbrication d'autres éléments jquery ou javascript ne fonctionne que sur le premier onglet

Question

Donc j'utilise les onglets jQuery comme vu ici http://docs.jquery.com/UI/Tabs avec seulement les appels à ui.js et ui_002.js. Les onglets fonctionnent très bien, je peux définir le contenu et tout fonctionne à merveille. Mon problème vient de vouloir utiliser jcarousel dans chaque onglet. JCousel fonctionne parfaitement dans le premier onglet, mais lorsque vous cliquez sur l'onglet suivant, les images ne se chargent pas et le carrousel ne fonctionne pas. Cela semble être vrai pour tous les javascript que j'utilise. Mettre des choses simples à tester comme des survols basés sur js fonctionne dans le premier onglet mais aucun des suivants.

J'utilise ce paramètre pour appeler les onglets et carrousel

jQuery.noConflict(); 

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

J'espère que c'est quelque chose de simple, comme j'ai oublié. Merci d'avance et n'hésitez pas à me faire savoir ce que je peux fournir d'autre

Answer 1

L'astuce réside dans le CSS. Au lieu d'utiliser

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

vous devez utiliser

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