¿Cómo insertar JavaScript al mostrar una pestaña jQuery ui?

Question

Quiero ejecutar una función de JavaScript en mi página, pero solo cuando se muestra una pestaña.

En realidad, tengo dos preguntas. No estoy usando las pestañas ajax, así que ¿pondré mi JavaScript en la devolución de llamada 'cargar' o 'mostrar', si solo quiero que el código se ejecute una vez que se muestre la pestaña?

Dependiendo de la respuesta anterior, ¿cuál sería mi código parecerse a lograr lo siguiente:

quiero tener como este

• cuando se muestra la ficha 1/carga
• - > insertar JavaScript aquí
• cuando se muestra tab2/carga
• -> insertar diferente JavaScript aquí
• w Tab3 gallina se muestra/cargado
• -> insertar diferentes JavaScript aquí
• etc.

Answer 1

sólo una conjetura rápida:

$('#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 
     } 
    } 
}); 

También es posible usar un interruptor en lugar de los demás IFS :)
Editar: Cambió onShow a show como se cambió en jQuery.