Est-il possible de désactiver un .click (fonction) en cours?

Question

Un autre débutant-Question de moi-même:

Est-il possible de désactiver un .click(function) pendant qu'il est en train de [glisser vers le haut/bas et de faire des commutateurs d'id]?

J'ai un tas d'ancres qui utilisent la même fonction et je ne veux pas que les utilisateurs cliquent sur un autre lien alors qu'il y a encore du slide up/down. Pour obtenir cet effet, je dois bloquer la fonction pendant qu'elle est en cours.

Des idées pour quelqu'un?

Answer 1

Vous pouvez définir un indicateur booléen dans le gestionnaire de clic et le désinstaller à la fin de l'animation. Puis, en haut du gestionnaire, vous pouvez return false; si le drapeau est activé.

Answer 2

Vous pouvez le faire comme ceci:

$('some_selector').click(function() { 
    var running = false; 

    return function() { 
     if (running === false) { 
      running = true; 
      // do animation stuff; 
      // put this in your callback: 
      running = false; 
     } 

     return false; 
    }; 
}()); 

Cette animation désactive l'en running égale true.

Answer 3

Vous pouvez vérifier si l'un des éléments qui vous passionnent sont en cours d'animation à l'aide du sélecteur :animated, comme ceci:

$("a.myClass").click(function() { 
    if($("a.myClass:animated").length) return false; 
    //animate/do stuff 
}); 

Bien que tous les éléments a.myClass sont animés, les clics ne seront sans effet.

Answer 4

Jetez un coup d'œil au sélecteur :animated. Comme le dit la documentation, il retournera tous les éléments qui sont en cours. Si vous avez un élément spécifique que vous recherchez, vous pouvez utiliser son ID ou sa classe avec ce sélecteur pour vérifier si son animation est en cours d'exécution.

$("#myButton").click(function(){ 
    if ($("#myDiv:animated").length === 0) { 
    // do awesome animation here 
    } else { 
    // brown explosions! Dumbledore dies, so does Hedwig! 
    return false; 
    } 
});