Como posso aplicar efeitos a elementos recuperados dentro de uma matriz em jQuery?

StackOverflow https://stackoverflow.com/questions/929527

  •  06-09-2019
  •  | 
  •  

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?

Foi útil?

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');
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top