2010-02-01 5 views
0

J'ai trouvé un certain nombre de réponses à la même question dans un contexte DIFFÉRENT. Je suis à la recherche d'ajouter « .stop » au code suivant pour éviter l'accumulation de file d'attente d'animation:Empêcher la file d'attente d'animation jQuery

//Top Mailing List Drop down animation 
$(document).ready(function() { 

$('#top_mailing_hidden').hide(); 

jQuery('#top_mailing') 
    .bind("mouseenter",function(){ 
    $("#top_mailing_hidden").slideDown('slow'); 
}).bind("mouseleave",function(){ 
    $("#top_mailing_hidden").slideUp('slow'); 
}); 

}); 
+0

... et qu'est-ce qui vous arrête? Quel est le problème avec lequel vous avez besoin d'aide? –

+0

Je suis juste un n00b et je ne sais pas comment brancher dans le contexte ci-dessus ... J'ai essayé ce qui suit et pas de chance jQuery ('# top_mailing') .bind ("mouseenter", function() { $ ("# top_mailing_hidden"). stop(). slideDown ('slow'); – Brian

Répondre

4

juste besoin d'ajouter avant de commencer la prochaine animation

$(document).ready(function() { 

var top_mailing_hidden = $('#top_mailing_hidden').hide(); 
$('#top_mailing').bind("mouseenter",function(){ 
    top_mailing_hidden.stop().slideDown('slow'); 
}).bind("mouseleave",function(){ 
    top_mailing_hidden.stop().slideUp('slow'); 
}); 

}); 

Vous pouvez regarder dans le hoverintent jQuery plugin cependant, aide à faire des choses comme ça pas saccadées.

+0

J'ai appuyé la recommandation d'utiliser le plugin hoverIntent – ayaz

+0

J'ai fini par faire quelque chose de totalement différent et en utilisant le plugin hoverIntent, mais c'est la réponse! – Brian

Questions connexes