Como posso aplicar efeitos a elementos recuperados dentro de uma matriz em jQuery?
Pergunta
Eu queria saber se era possível aplicar efeitos a elementos recuperados dentro de um array.
Eu sei que pode produzir o conteúdo do conjunto através da: .text()
ou as funções .html()
em jQuery. Mas eu tenho tentado fadeIn()
o conteúdo, e isso nunca funciona.
Como posso fazer isso?
Solução
Você deve adicionar o objeto no DOM antes de mostrá-lo e efeitos do uso nele.
Por exemplo:
content.appendTo('#somedivid').hide().fadeIn();
Outras dicas
Você terá que anexá-lo ao dom, escondê-lo e, em seguida, desvanecer-lo em:
for(i=0, x=content.length; i<x; i++){
$('<p />').text(content[i]).appendTo('#container').hide().fadeIn();
}
asuming que o conteúdo é a matriz de texto que você deseja adicionar ao #container.
Se cada elemento na matriz conter um id que está associado ao elemento na página de layout que você pode fazer:
$('#'+content[i].id).fadeIn();
Eu não tenho certeza eu entendo a pergunta corretamente, mas funciona da mesma forma com o texto () ou html () funções que você mencionou:
var elements = $('.test');
// elements is an array of all elements with class 'test'
// now fade all these elements out:
elements.fadeOut('slow');