menu déroulant simple jquery

Question

J'ai besoin d'aide avec jquery. Désolé pour mon mauvais anglais, mais je pense que vous pouvez me comprendre.

J'ai un menu, où sur la souris je dois montrer le sous-menu, et quand la souris sur ce menu je dois cacher. Voici ce lien: http://butteff.ru/site/menu.htm Mais je ne sais pas comment le faire avec ceci:

1. quand je passe la souris sur « quadro » - Afficher le menu déroulant
2. quand je souris à partir quadro - il doit se cacher
3. lorsque la souris I out du sous-menu - il doit se cacher
4. quand je mouseOut de « quadro » au sous-menu - il est peut-être pas cacher

I tryed de le faire (http://butteff.ru/site/menu.htm), mais il est pas du travail. Où est mon problème? Pouvez-vous m'aider?

Answer 1

vous avez une erreur $(".dropdown").mouseOut is not a function

essayer mouseout au lieu de mouseOut

Answer 2

Dans votre script, vous avez les éléments suivants:

$('.dropdown').mouseOut(function() {...}); 

Ceci est faux car il y a une faute de frappe. Le mouseOut doit être mouseout comme indiqué ci-dessous:

$('.dropdown').mouseout(function() {...}); 

Answer 3

Je ne peux pas mettre exactement le doigt sur le problème dans votre code (le plus probablement échoue parce que l'événement « mouseout » pour les feux de liaison avant l'événement « mouseover » pour la menu)

Je peux cependant vous donner ma propre solution here, qui utilise $.stop() pour supprimer la décoloration sur le mouvement de la souris à partir du lien dans le menu. J'espère que cela aide.