jQuery - comment utiliser stopPropagation()

Question

Je l'ai fait, mais je vais avoir du mal à obtenir que cela fonctionne ...

J'ai besoin jquery suivante pour avoir une fonction de .stopPropagation, de sorte que l'animation ne deviendra pas fou si l'utilisateur passe trop vite sur trois éléments!

$(function() { 
      var tabContainers = $('div.subMenu > div'); 
      tabContainers.hide(); 

      $('.mainMenuDiv a').hover(
      function (e) { 
       tabContainers.filter(this.hash).slideDown(); 
       e.stop(); 
      }, 
      function(e){ 
       tabContainers.filter(this.hash).slideUp(); 
       e.stopPropagation(); 
      }); 
    }); 

Answer 1

On dirait que vous êtes à la recherche de la fonction stop qui annule toutes les animations incomplètes.

$('.mainMenuDiv a').hover(
    function (e) { 
     tabContainers.filter(this.hash).stop().slideDown(); 
    }, 
    function(e){ 
     tabContainers.filter(this.hash).stop().slideUp(); 
    } 
); 

ou si vous souhaitez être "annulées" essayer une animation en cours (s):

$('.mainMenuDiv a').hover(
    function (e) { 
     tabContainers.filter(this.hash).stop(true, true).slideDown(); 
    }, 
    function(e){ 
     tabContainers.filter(this.hash).stop(true, true).slideUp(); 
    } 
); 

Vérifiez la docs pour plus d'informations.

Answer 2

$(function() { 

     var tabContainers = $('div.subMenu > div'); 
     tabContainers.hide(); 

     $('.mainMenuDiv a').hover(function() { 

      tabContainers.filter(this.hash).dequeue().slideDown(); 

     },function() { 

      tabContainers.filter(this.hash).dequeue().slideUp(); 

     }); 

}); 

Espérons que cela aide. ;) Evénements "bulle vers le haut" de l'élément enfant à tous ses parents, et vous event.stopPropragation(); ou event.stopImmediatePropagation(). Cependant pour arrêter l'animation vous dequeue().

Answer 3

Je peux me tromper, mais cela pourrait fonctionner:

$(function() { 
    var tabContainers = $('div.subMenu > div'); 
    tabContainers.hide(); 
    $('.mainMenuDiv a').hover(function() { 
     tabContainers.filter(this.hash).stop().slideDown(); 
    },function() { 
     tabContainers.filter(this.hash).stop().slideUp(); 
    }); 
}); 

Answer 4

Attention lorsque vous utilisez stopPropagation() et stopImmediatePropagation() comme si elles étaient la même chose:

méthode

• Le Event.stopPropagation() empêche l'objet événement de passer au nœud suivant, mais seulement après que tous les autres écouteurs d'événement sur le nœud actuel sont autorisés à s'exécuter. La méthode Event.stopImmediatePropagation() empêche également l'objet d'événement de passer au nœud suivant, mais n'autorise aucun autre écouteur d'événement sur le nœud en cours à s'exécuter.