L'ultimo articolo scritto su Sir Bit risale a marzo 2014. La versione che state visitando è un archivio: le pagine sono accessibili come sempre e gli autori potrebbero rispondere ai commenti, ma non saranno inseriti dei nuovi articoli. Visita questa pagina per i dettagli.

Jquery – fermare la coda in esecuzione

JQuery è un framework potentissimo, che gestisce più processi mettendoli tutti in una coda.

Ciò significa che se eseguiamo due comandi, come il fadeIn di due blocchi diversi:

1
2
$('#blocco_immagine').fadeIn('slow');
$('#blocco_testo').fadeIn();

li farà partire in coda, senza attendere necessariamente la fine del processo precedente.

Il problema si presenta quando dobbiamo necessariamente fermare il processo precedente ed eseguire quello nuovo, come nel caso di una slide o di fadeIn molteplici.

Sospendere un processo con JQuery

Ci viene in aiuto il comando stop(). Il comando ferma ogni animazione esistente, lasciando il processo esattamente a dove è arrivato quando è stato “stoppato”.
Per mandarlo fino alla fine è sufficiente passare due parametri booleani:
.stop( [ pulisci coda ], [ salta alla fine] )

Ecco un esempio d’uso:

1
2
3
$("#ferma").click(function(){
  $('#blocco_testo').stop(true, true);
});

Il primo stabilisce se fermare tutte le code successive (false di default).
Il secondo invece stabilisce se fermare la coda in azione o meno (false di default).

Etichette
Etichette:

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.