CONTATTACI

Guide per aspiranti programmatori

Sviluppatore dall'aria dubbiosa che si interroga su che cos'è jquery
Lezione 26 / 36

Gestione della coda degli effetti in jQuery

La coda degli effetti in jQuery è un meccanismo che allinea gli effetti e le animazioni per un elemento in una sequenza specifica. Quando si applicano più effetti a un elemento, questi non si sovrappongono immediatamente, ma seguono un ordine prestabilito, permettendo a ogni effetto di svolgersi completamente prima che inizi il successivo.

 

Funzionamento della Coda degli effetti in jQuery

Quando si invoca un effetto su un elemento, jQuery lo inserisce in una coda. Di default, gli effetti sono inseriti nella coda principale, ma è possibile creare code personalizzate per un controllo più fine.

 

Esempio di Coda di Base

$("#elemento").slideUp(300).fadeIn(400);

In questo esempio, #elemento prima eseguirà l’effetto slideUp in 300 millisecondi e, una volta completato, inizierà l’effetto fadeIn che dura 400 millisecondi.

 

Gestione Avanzata della Coda degli effetti

La potenza della gestione della coda in jQuery risiede nella sua flessibilità. Gli sviluppatori possono manipolare la coda per controllare il timing e l’ordine degli effetti, ottenendo animazioni complesse e sequenze di effetti personalizzati. Vediamo come!

 

Manipolazione della Coda degli effetti in jQuery

  • .queue() e .dequeue(): Questi metodi permettono di ispezionare e manipolare la coda degli effetti. .queue() restituisce la coda corrente, mentre .dequeue() rimuove il primo elemento dalla coda e lo esegue.
  • Code Personalizzate: È possibile definire code multiple per un elemento, permettendo di raggruppare e sequenziare gli effetti in modi diversi. 

Esempio di Code Personalizzate

$("#elemento").queue("miaCoda", function(next) {
  $(this).css("color", "red");
  next();
}).queue("miaCoda", function(next) {
  $(this).css("background-color", "blue");
  next();
}).dequeue("miaCoda");

Qui, #elemento avrà una serie di modifiche CSS applicate in ordine, utilizzando una coda personalizzata chiamata “miaCoda”.

 

Controllo del Flusso degli effetti in jQuery

La funzione .stop() in jQuery permette di fermare gli effetti correnti e quelli in coda. Questo è utile per interrompere animazioni in risposta a eventi dell’utente o per evitare comportamenti indesiderati.

 

Esempio di Uso di .stop()

$("#elemento").hover(
  function() {
    $(this).stop().animate({height: "200px"}, 500);
  },
  function() {
    $(this).stop().animate({height: "100px"}, 500);
  }
);

In questo esempio, le animazioni per l’espansione e la contrazione dell’altezza di #elemento si interrompono e ripartono ogni volta che l’utente passa il mouse sopra o si allontana dall’elemento.

Contattaci senza impegno per informazioni sul corso

Pagamento rateale

Valore della rata: A PARTIRE DA 115 €/mese.

Esempio di finanziamento 

Importo finanziato: € 2440 in 24 rate da € 115 – TAN fisso 9,55% TAEG 12,57% – importo totale del credito € 2841.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/01/2024 al 31/12/2024.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

*In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.

Pagamento rateale

Valore della rata: A PARTIRE DA 210 €/mese.

Esempio di finanziamento  

Importo finanziato: € 4500 in 24 rate da € 210,03 – TAN fisso 9,68% TAEG 11,97% – importo totale del credito € 5146,55.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/01/2024 al 31/12/2024.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

* In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.

Contattaci senza impegno per informazioni sul corso

Scopriamo insieme se i nostri corsi fanno per te. Compila il form e aspetta la chiamata di uno dei nostri consulenti.