Discussion :

[Mordikkuss]

Bonjour,

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

Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Bovino]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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() + ')');	
});

[Mordikkuss]

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 ?