Jquery Résolu/Fermé

Question

Bonjour tout le monde,  

Je débute en jquery et j'ai (déjà) des problèmes:  

Je tente de bâtir un menu déroulant. Les items (li) du menu au premier niveau (ul) sont de la classe "mainItem" et les sous menu (ul aussi) sont des class="subMenu".  

Mon JS:  

$(function(){  

 $('.subMenu').hide(); 

 $('.mainItem').mouseover(  
 function(){  
  $(this).find('.subMenu').show();  
 });  
});

Rien ne se passe lors du survol, mais un alert() placé dans la fonction appelée par l'écouteur fonctionne sans problème... J'en déduis des problème au niveau de ma sélection, mais impossible de trouver une réponse dans les divers tutos jquery sur la toile ou même sur la doc de l'api... Qu'est-ce que j'ai raté ?!  

Merci d'avance pour votre soutien  


Configuration: Windows 7 / Firefox 5.0

hervé56 · Answer

hover pas mouseover

kdo · Answer

Bonjour, je ne comprend pas pourquoi, tu a préferer find(), à next(). 

essaye n peu comme ça. Moi j'ai fait un truc de c genre mais j'ai travaillé avec les ul et li. sans leurs classes
$(function(){  

 $('.subMenu').hide(); 

 $('.mainItem').mouseover(  
 function(){  
  $(this).next('.subMenu').show();  
 });  
});

vincebzh · Answer

Salut.
Next() est a utiliser si ".subMenu" est après ".mainItem"

<span class="mainItem"></span>
<span class="subMenu"></span>

Find() si il est à l'intérieur

<span class="mainItem">
<span class="subMenu"></span>
</span>

Mais je ne pense pas que le problème vienne de la.

Supprime le ";" à la fin de la fonction.

$('.mainItem').mouseover(
function(){
$(this).next('.subMenu').show();
})
});

Utilises Firebug pour afficher les erreurs javascript.

MastercroW · Answer

Faut quand même savoir qu'il est débutant.

Trema · Answer

Merci pour vos réponses, next() a fonctionné, merci Kdo. 
Cependant, je ne comprends pas pourquoi ça n'a pas été le cas avec find();... j'essaierai de me documenter plus en profondeur la dessus, mais si quelqu'un a une idée :) 

Merci encore

Jquery

5 réponses

Discussions similaires