Un double-clic rapide provoque le code à l'erreur

Question

J'ai le code suivant qui est utilisé pour contrôler une animation flip. Tout fonctionne bien avec un clic normal.

Cependant, il semble qu'un double-clic rapide provoque le passage de 2 événements à travers le contrôle booléen qui est censé empêcher ce problème. Dans Console.log, je m'attends à voir 'commencé à courir' pour le premier processus et 'déjà lancé' pour le second clic - au lieu de cela les deux clics semblent se terminer et causer des ravages avec la dernière logique.

Est-ce que quelqu'un voudrait me faire savoir ce que je fais mal et comment éviter ce problème?

Merci,

$('.item').each(function() { 
    var elem = $(this); 
    elem.data('running', false); 

    elem.bind("click",function(event){ 
     event.preventDefault(); 

     if (elem.data('running') == false) { 
      elem.data('running', true); 
      console.log('started running'); 
      //do some stuff 
      elem.data('running', false); 
     } else { 
      console.log('already running'); 
     } 
    }) 
}); 

Answer 1

vous désactivez "running" juste après l'initialisation de votre animation, pas après avoir terminé votre animation. Par exemple, je le ferais comme ceci:

if (!elem.data('running')) { 
    elem.data('running', true); 
    console.log('started running'); 
    elem.fadeOut('fast',function(){ 
     elem.data('running', false); 
    }); 
}