11540 sujets

JavaScript, DOM et API Web HTML5

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 :

				<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);
Oui c'est normal, mais le menu n'est pas concerné par ce fichier.

Finalement le problème est résolu, ça venait du "float:right" appliqué à la div#navigation.
En supprimant le float, plus de problème Smiley smile