toggle qui marche sous IE mais pas sous firefox

**ElSpopo** · 03/06/2010, 12h04

Bonjour,
j'essaye de faire un genre de menu pour un site en utilisant la fonction toogle de jquery
le problème, c'est que ça marche sous IE (sa fait perdre le focus de la fenêtre IE en la ramenant au second plan par contre, c'est assez bizarre) Mais sous firefox, ça ne marche pas.

Voila le code

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
	<head>
		<title>test</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<script type="text/javascript" src="jquery-1.4.2.js"></script>
		<script type="text/javascript">
		jQuery(document).ready(function(){
			$('#acces_courant').click(function(){
				$('#courant').toggle();
			});
		});
		</script>
	</head>
	<body>
		<ul class="categorieMenu"><li><a href="" id="acces_courant">Accès courants</a></li></ul>
			<div>
			<ul  id="courant" class="sousmenu">
				<li><a href="">Fiche synthétique</a></li>
				<li><a href="">élément 1</a></li>
				<li><a href="">élément 2</a></li>
				<li><a href="">élément 3</a></li>
				<li><a href="">élément 4</a></li>
				<li><a href="">élément 5</a></li>
			</ul>
			</div>
	</body>
</html>

Voilà, donc si vous voyez d'où peut venir le problème, merci de répondre

**ElSpopo** · 03/06/2010, 12h31

J'ai trouvé d'où viens le problème

le href="" dans la balise <a> avait pour effet de recharger la page , il suffit donc de l'enlever ou d'utiliser un <span> à la place

**SpaceFrog** · 03/06/2010, 13h38

ou de rajouter un

Code :

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

onclick="return false;"

dans le href afin d'une part d'inhiber le href et d'autre part de rester conforme w3c

Code :

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

<li><a href="" onclick="return false;">Fiche synthétique</a></li>

toggle qui marche sous IE mais pas sous firefox

jQuery

Vue hybride

Discussions similaires

Partager

Partager