jquery vol stationnaire propagation

Question

J'utilise ceci sur une image de vol stationnaire:

$('.img-style').hover (function(e) { 
    var prixPlus = $(this).closest('a').attr('data-prix'); 
    prixPlus = parseFloat(prixPlus); 
    var prixNew = prix + prixPlus; 

    $('#chgePrix').html(prixNew.toFixed(2)); 
    $('#txtapart').fadeTo('fast', 0.1); 
}, function(e) { 
    $('#chgePrix').html(prix.toFixed(2)); 
    $('#txtapart').fadeTo('fast', 1); 
}); 

Mais si je passe rapidement la souris 2 fois ou plus sur l'image, $ ('# txtapart') fade in et out 2 ou plusieurs fois! Comment puis-je arrêter la propagation de fondu?

Merci pour votre aide ...

Answer 1

utilisation stop() méthode

$('#txtapart').stop(true,true).fadeTo('fast', 0.1); 

Cette forces d'animation avant la fin. Les deux arguments true effacent la file d'attente et définissent l'animation à son point final, de sorte que la nouvelle animation puisse commencer immédiatement lorsqu'un autre événement est troqué.

http://api.jquery.com/stop/

Answer 2

La fonction devient appelée à chaque passage de la souris. Il n'y a pas de bon moyen de détecter si une fonction est déjà en cours d'exécution en Javascript.