Come posso applicare effetti alle elementi recuperati all'interno di un array in jQuery?
Domanda
mi chiedevo se fosse possibile applicare effetti agli elementi recuperati all'interno di una matrice.
So che possono emettere i contenuti della matrice tramite: .text()
o le funzioni .html()
in jQuery. Ma ho cercato di fadeIn()
il contenuto, e non funziona mai.
Come posso fare questo?
Soluzione
È necessario aggiungere l'oggetto nel DOM prima di poter mostrare e utilizzare gli effetti su di esso.
Ad esempio:
content.appendTo('#somedivid').hide().fadeIn();
Altri suggerimenti
Dovrai aggiungerlo al DOM, nasconderlo e poi svanire in:
for(i=0, x=content.length; i<x; i++){
$('<p />').text(content[i]).appendTo('#container').hide().fadeIn();
}
Asuming che il contenuto è la matrice di testo che si desidera aggiungere alla #container.
Se ogni elemento dell'array contiene un ID che è associato all'elemento sul layout di pagina si può fare:
$('#'+content[i].id).fadeIn();
Non sono sicuro di aver capito correttamente alla domanda, ma funziona lo stesso con il testo () o HTML () le funzioni che hai citato:
var elements = $('.test');
// elements is an array of all elements with class 'test'
// now fade all these elements out:
elements.fadeOut('slow');