Jquery - à l'aide bascule() mais le désactiver jusqu'à ce que les animations sont faites

Question

je suis en utilisant la fonction de bascule jquery comme ceci:

$(".class").toggle( function() { //things to do... animations and so on }, function(){ // other things to do... } );

Maintenant, quand je l'appelle l'effet de levier en cliquant très souvent les animations de les deux fonctions n'attendent pas que l'autre finisse. Donc, je voudrais désactiver les effets de bascule jusqu'à ce que le contenu de chaque fonction soit fini. Ainsi, lorsque la première fonction est appelée par la bascule, la seconde ne doit pas être appelée par un autre clic sur l'élément .class. Et l'inverse

Une idée de comment je pourrais faire ça?

Merci à l'avance, Phil

Answer 1

Vous pouvez ajouter un gestionnaire .click() lié avant la bascule qui fait cela, par exemple:

$(".class").click(function() { 
    if($(".selector:animated").length) 
    return false; 
}).toggle(function() { 
    //things to do... animations and so on 
}, function(){ 
    // other things to do... 
}); 

Ce que cela fait est si le contrôle de votre sélecteur et :animated a trouvé des éléments (ils sont toujours animés), il aurait return false et empêcherait le gestionnaire .toggle() de se faire même toucher. Cela fonctionne car les gestionnaires d'événements sont exécutés dans l'ordre où ils étaient liés, donc si le premier renvoie false, le second ne sera pas exécuté.