Bonjour à tous,
J'utilise un petit bout de code JQuery permettant de réaliser un menu déroulant sur presque tous mes sites et il ne m'a jamais posé de soucis.
Cependant, aujourd'hui je n'arrive plus à le faire fonctionner sur l'un de mes projets. Le menu déroulant ne fonctionne pas sur Chrome ni sur Safari, tandis qu'il fonctionne parfaitement sur les autres navigateurs.
Essayez par vous-même en passant la souris sur l'onglet "Concept" du menu vert :
http://nicolasschiff.com/mpp/
J'utilise le même code sur le menu déroulant de mon site perso et je n'ai aucun problème sur aucun navigateur :
http://nicolasschiff.com
De plus, la page est conforme aux standards et il n'y a aucune erreur Javascript dans la console.
Voici le code :
J'utilise un petit bout de code JQuery permettant de réaliser un menu déroulant sur presque tous mes sites et il ne m'a jamais posé de soucis.
Cependant, aujourd'hui je n'arrive plus à le faire fonctionner sur l'un de mes projets. Le menu déroulant ne fonctionne pas sur Chrome ni sur Safari, tandis qu'il fonctionne parfaitement sur les autres navigateurs.
Essayez par vous-même en passant la souris sur l'onglet "Concept" du menu vert :
http://nicolasschiff.com/mpp/
J'utilise le même code sur le menu déroulant de mon site perso et je n'ai aucun problème sur aucun navigateur :
http://nicolasschiff.com
De plus, la page est conforme aux standards et il n'y a aucune erreur Javascript dans la console.
Voici le code :
<div id="menu" role="navigation">
<ul>
<li><a href="#" title="Page d'accueil">Accueil</a></li>
<li><a href="#" title="Concept">Concept</a>
<ul>
<li><a href="#" title="Notre métier">Notre métier</a>
<li><a href="#" title="Nos cibles et secteurs visés">Nos cibles et secteurs visés</a>
</ul>
</li>
<li><a href="#" title="Démarches">Démarches</a></li>
<li><a href="#" title="Contact">Contact</a></li>
</ul>
</div>
(function($){
//cache nav
var nav = $("#menu");
//add indicator and hovers to submenu parents
nav.find("li").each(function() {
if ($(this).find("ul").length > 0) {
//show subnav on hover
$(this).mouseenter(function() {
$(this).find("ul").stop(true, true).slideDown();
});
//hide submenus on exit
$(this).mouseleave(function() {
$(this).find("ul").stop(true, true).slideUp();
});
}
});
})(jQuery);