Comment insérer du JavaScript lors de l'affichage d'un onglet uQ jQuery?

Question

Je souhaite exécuter une fonction JavaScript sur ma page, mais uniquement lorsqu'un onglet est affiché.

En fait, j'ai deux questions. Je n'utilise pas d'onglets ajax, donc devrais-je mettre mon JavaScript dans le rappel 'load' ou 'show', si je veux seulement que le code s'exécute une fois l'onglet affiché?

En fonction de la réponse ci-dessus, qu'est-ce que mon code ressembler à réaliser les objectifs suivants:

Je veux avoir comme ça

• lorsque la patte 1 est représenté/chargé
• - > insérer JavaScript ici
• quand tab2 apparaît/chargé
• -> insérer différents JavaScript ici
• w poule tab3 apparaît/chargé
• -> insérer différents JavaScript ici
• etc.

Answer 1

juste une supposition rapide:

$('#foo').tabs({ 
    show: function(event, ui) { 
     if(ui.index == 0) 
     { 
     //tab 1 is clicked 
     } 
     else if(ui.index == 1) 
     { 
     //tab 2 is clicked 
     } 
     else if(ui.index == 2) 
     { 
     //tab 3 is clicked 
     } 
    } 
}); 

Vous pouvez également utiliser un commutateur au lieu des ifs d'autre :)
Modifier: Modifié onShow à show comme il a été modifié dans jQuery.