11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

j'ai quelque petit probleme avec jQuery.
Je souhaite mettre en place une div déplacable et avec un FadeTo in et out.
Cela marche bien, mais si la souris passe au dessus de la div tres rapidement et plusieurs fois d'affilé, le FadeTo in et out sont appelé a répétition.

Voici le code :
function over() { $(this).fadeTo("fast", 1.0); }
function out() { $(this).fadeTo("slow", 0.6); }

function unBind() { $("#navigation").unbind("mouseenter", over).unbind("mouseleave", out); }
function reBind() { $("#navigation").bind("mouseenter", over).bind("mouseleave", out); }

reBind();

$("#navigation").draggable({ start: unBind, stop: reBind });

De plus, je souhaiterais rendre les fonctions unBind et reBind générique (comme over() et out().) mais je ne vois pas comment.

Pour ce rendre compte de ce cela donne, voici ma page de test : http://msmfarcry02.free.fr/test/menu_demo.html

merci pour l'aide que vous pourrez m'apporter.

Stephane