2009-10-05 8 views
5

Voglio eseguire una funzione JavaScript sulla mia pagina, ma solo quando viene visualizzata una scheda.Come inserire JavaScript mostrando una scheda ui jQuery?

In realtà hanno due domande. Non sto usando le schede Ajax, quindi inserirò il mio JavaScript nella callback "load" o "show", se voglio che il codice venga eseguito solo quando viene visualizzata la scheda?

A seconda della risposta di cui sopra, quale sarebbe il mio codice apparire come per raggiungere il seguente:

voglio avere in questo modo

  • quando viene visualizzata scheda 1/caricato
  • - > inserire JavaScript qui
  • quando viene visualizzata tab2/caricato
  • -> inserisci diverso JavaScript qui
  • w gallina TAB3 è mostrata/caricato
  • -> Inserisci diverso JavaScript qui
  • ecc

risposta

2

solo un rapido supposizione:

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

Si potrebbe anche usare un interruttore posto delle IFS altro :)
Modifica: Modificato onShow a show come è stato modificato in jQuery.

+0

scusate per la risposta tardiva .. Ha funzionato alla grande. Sapevo di essere vicino. GRAZIE MILLE. – Luke

+1

In effetti, è solo "spettacolo" ora. –

Problemi correlati