Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

WorldToth

Ajax e incompatibilidade de funções

Recommended Posts

Olá galera descobri um bug muito estranho com ajax.

 

Se tiver alguma função dentro dos dados que a requisição retorna as mesma não funciona...

 

Parece que de alguma forma ele da incompatibilidade sei la...

 

Isso com qualquer função...

 

1 Exemplo:

	//Função para animações hover
	function animationHover(element, animation){
		element = $(element);
		element.hover(
			function() {
				element.addClass('animated ' + animation);
			},
			function(){
			window.setTimeout( function(){
				element.removeClass('animated ' + animation);
			}, 2000);
		});
	}

Isso passando dentro de uma div

<div class="exemplo">
   <div class="box-users"><!-- está div é o resultado da requisição ajax e está com a animação -->
       ...
   </div>
</div>

<script>
 //Animação dos usuarios quando passa o mouse
  $('.box-users').each(function() {
	animationHover(this, 'pulse');
  });
</script>

Ai dentro dessa div exemplo retorno outra div com os meus dados vindo da requisição, aonde eles quando passa o mouse em cima faz a animação, só que não funciona. Imagino que seja algum bug incompatibilidade sei la.

 

Ele corta a função talvez seja os dados vindo da requisição como texto simples...

Mas acho que não, porque dentro do ajaxSetup passo o dataType: html...

 

Podem testar ai com qualquer função que não vai funcionar pelo menos comigo não funfa... :pinch:

 

Será que tem alguma solução?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não é BUG do ajax

 

ao trabalhar com elementos dinâmicos deve-se usar a função .on()

function animationHover(element, animation){
  $(document).on({
    mouseover: function(){
      $( this ).addClass('animated ' + animation);
    },
    mouseout: function(){
      var $this = $( this );
      window.setTimeout(function(){
	$this.removeClass('animated ' + animation);
      }, 2000);
    }
  }, element);
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Opá valeu a dica, eu tinha achado o problema mas estava esperando por uma resposta...

 

Eu passei as funções dinâmicas dentro do success do ajax pra vir junto com a resposta da requisição e deu certo tb....

 

Vlws

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.