Evitando Repetição de Animação com JQuery

[Falk ~ 0]

Bem, geralmente quando uso jquery para fazer animações e uso a função no onclick, quando o usuário clica várias vezes faz o efeito ficar repetindo, como faço pra evitar isso?

[shis 0]

No inicio do script inicie uma váriavel com valor vazio (ou qualquer valor que você queira), daí na função que faz a animação você muda o valor da variavel e coloca o código da animação dentro de um if com a condição oposta. Por exemplo:

 

<scritpt type="text/javascript">

// INICIA VARIAVEL
var ja_clicou = '';

$(document).ready(function(){
   // Ah, uma coisa, como você está usando jQuery não use mais onclick, use uma classe ou id e chame no js pelo seletor
   $('#id_do_botao').click(function(){
      if(ja_clicou==''){
         // faz a animação
      }
      ja_clicou = 'clicado';
   });
});

</script>

[sergiogumercindo 0]

Para interromper uma repetição "inconveniente" de dados, eventos, etc... por jquery, você

poderá utilizar os métodos, para apagar o cache e apagar o contador de repetição.

 

jQuery.removeData(this); - que limpa o cache de dados relacionados ao objeto que está sendo tratado

$(this).event.stopPropagation(); - que interrompe (apaga os contadores de repetição)

 

você poderá abrigar essas linhas de códigos, após as linhas de código da função a ser executada.

 

estes exemplos estavam depois de um desvio condicional (IF THEN ELSE).

 

sucesso aí.