Skip to main content
1 de 2
Gabriel Rodrigues
  • 16,2mil
  • 14
  • 62
  • 124

1 - Como faço para animar o Load assim que carregar?

Em meus testes tentei utilizar apenas o fadeIn() é não resultou em nada, coloquei um hide() antes e consegui fazer o efeito de transição.

2 - Tem alguma forma para otimizar esse código? Por exemplo se eu tiver na paginas 30 links.

Tem, tudo vai depender da sua necessidade, nesse caso, se você deseja realizar a mesma ação em 30 urls diferentes, porque não fazer uma função ?

Fiz um exemplo, basta passar a url para a função que ele carregará fazendo o efeito de transição FadeIn().

 $("#link-1").click(function() {
   animaLoad("http://fiddle.jshell.net/kjt771nh/show/");
 });

 function animaLoad(url) {
   $("#resposta").hide().load(url).fadeIn(1500);
 }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<button id="link-1">Buscar Inforamções de outro html</button>
<div id="resposta"></div>

o Stack Snippet não permite carregar uma página externa, por isto veja o código funcionando aqui : JSFIDDLE

Gabriel Rodrigues
  • 16,2mil
  • 14
  • 62
  • 124