jquery mouseover événement tirant deux fois

$(function(){ $('#webs').mouseenter(function(){ $('#websitehov').fadeIn('slow'); }); $('#webs').mouseleave(function(){ $('#websitehov').fadeOut('slow'); }); }); 

Je sais qu’il y a une tonne de questions à ce sujet, mais j’en ai essayé plusieurs mais je ne travaille toujours pas. J’ai essayé différents gestionnaires d’événements, notamment .hover, .mouseover et .mouseenter. L’effet survol / défilement de l’image se déclenche plusieurs fois lorsqu’il entre et chaque fois que je déplace la souris dans l’image, les deux événements commencent à se déclencher. J’ai trouvé une solution qui a arrêté cela:

 (function(){ $('#webs').hover(function(){ $('#websitehov').fadeIn('slow') }, function() { }); }); 

mais cela n’a fonctionné que pour le survol, et non pour le survol, car la fonction vide était le gestionnaire d’événements mouseout, idk si vous pouvez le remplacer?

Le seul problème que je peux voir est celui de la mise en queue d’animation. Effacez la queue avant d’append une autre.

 $(function () { $('#webs').hover(function () { $('#websitehov').stop(true, true).fadeIn('slow'); }, function () { $('#websitehov').stop(true, true).fadeOut('slow'); }); }); 

Démo: Violon