jQuery - conflit d'effet mouseover

Bonjour,

je me retrouve devant un problème de conflit, je crois, entre deux effets mouseover...

Voici mon code :

Code:

---

1 2 3 4 5 6 7 8

jQuery('#nav li.level1').bind('mouseover', function(){ jQuery(this).parent().find('.catimage').css('background-image', 'url(' + jQuery(this).find('.urlimage:first').text() + ')'); });   jQuery('#nav li.level1 li.level2').bind('mouseover', function(){ jQuery(this).parent().parent().parent().find('.catimage').css('background-image', 'url(' + jQuery(this).find('.urlimage').text() + ')'); });

---

Donc étant donné que le li.level2 est dans le li.level1, il me semble que le mouseover sur li.level2 n'est pas prix en compte et et que le mouseover sur le li.level1 prend le dessus.

Pouvez-vous aider un apprenti jQueriste ?

Merci

Dans ce cas, il faut utiliser l'objet event automatiquement passé à la fonction de rappel pour préciser de ne pas propager l'événement :

Code:

---

1 2 3 4

jQuery('#nav li.level1 li.level2').bind('mouseover', function(e){ e.stopPropagation(); jQuery(this).parent().parent().parent().find('.catimage').css('background-image', 'url(' + jQuery(this).find('.urlimage').text() + ')'); });

---

Merci pour ta réponse.

J'ai testé mais le problème est que cela m'annule tous les effets, et certains dont j'ai besoin...

Ya pas autre chose ?

ou c'est moi ?