jQuery
  1. jQuery
  3. jQuery Array fadeIn non funziona
Intereting Posts
Sintassi della funzione autoeseguibile e syntax di callback spiegate Come è il modo corretto di disabilitare un tipo di input = “image” usando jquery? aggiungi o rimuovi l’attributo controls dal tag html5 Una tabella Datatables.net con più chiamate ajax dall’API REST di Sharepoint 2010 Funzione jQuery conto alla rovescia in IE jQuery differito – Aggiunta di una richiamata al contratto rinviato Come applicare automaticamente l’effetto drag and drop all’elemento aggiunto dynamicmente? Elabora la funzione mysql e la visualizza usando jquery ajax (con inversval di tempo per ognuno) Come carico l’immagine di sfondo da un’altra pagina? Ajax e stato 302 come evitare di cambiare il valore della selectbox se dico di no per confermare Albero jquery con drag and drop Stringa all’object jQuery, come rimuovere elementi maschera per la casella di testo asp usando jquery Semplice area di testo jQuery espandibile per adattarsi ai contenuti

jQuery Array fadeIn non funziona

Sto cercando di dissolvenza in un elemento fadeOut nell’array su un div. Sto cercando di farlo funzionare in un modo dissolvenza. Quindi il primo elemento si dissolve in soggiorni per 3 secondi, poi svanisce, quindi il prossimo elemento si dissolve, 3seocnds si dissolvono e così via ….. perché è sbagliato il mio codice. Controlla http://jsfiddle.net/Fpu2E/1/

Il codice che stai usando non funzionerà per vari motivi: avere zero ritardi tra chiamare fadeOut e fadeIn significa che non otterrai il ritardo di 3 secondi che stai cercando tra la dissolvenza in fadeOut e in uscita e che chiamare entrambe le funzioni porta a alcuni strani effetti con la coda effetti jQuery.

Un’opzione migliore sarebbe utilizzare una funzione ricorsiva insieme al delay per fare ciò: 

 var div = $('div').hide(), news = ['news1', 'news2', 'news3'], count = 0; function changeNews() { div.fadeIn(3000).delay(3000).fadeOut(3000, function() { changeNews(); }).text(news[count++]); } changeNews();

Una semplice demo di questo può essere trovata qui: http://jsfiddle.net/Fpu2E/4/

Questo funziona … 

 var news = ['news1', 'news2', 'news3'], count = news.length, currentItem = 0; showNextItem = function() { $('div').text(news[currentItem++]).fadeIn(3000, function() { var element = $(this); setTimeout(function() { element.fadeOut(1000, function() { if (currentItem < count) { showNextItem(); } }); }, 3000); }); }; showNextItem();

jsFiddle .