Clic non pris en compte

Version imprimable

Bonjour,

Cela fait qq années que je n'ai pas utilisé jQuery et suis bloquée : je ne comprends pas pourquoi l'évènement click n'est pas capté et pourquoi l'alerte "toto" ne s"affiche pas.
Qqn pourrait-il regarder mon code et m'expliquer, s'il vous plait ?
Merci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?php
        header('Content-type: text/html; charset=UTF-8'); 
?>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Test</title>
		<script type="text/javascript" src="jquery-1.11.3.js"></script>	
		<script type="text/javascript">
			$(document).ready(function() {
				$("#envoyer").live("click", function() {  
					alert("toto");
					}
				}
		</script>
	</head>
	<body>	
		<form>
			<input type="button" value="Envoyer" id="envoyer"/>
		</form>
	</body>

j'ai juste rajouté deux parenthèses manquantes dans le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?php
        header('Content-type: text/html; charset=UTF-8'); 
?>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Test</title>
		<script type="text/javascript" src="jquery-1.11.3.js"></script>	
		<script type="text/javascript">
			$(document).ready(function() {
				$("#envoyer").live("click", function() {  
					alert("toto");
					});
				}); 
		</script>
	</head>
	<body>	
		<form>
			<input type="button" id="envoyer" value="Envoyer"/>
		</form>
	</body>

30/09/2015, 18h52
NoSmoking

Bonjour,
attendu que tu utilises la version jquery-1.11.3 je dirais que la méthode .live() n'en fait pas partie, il te faut utiliser .on().

PS: il n'est jamais inutile de lire la documentation http://api.jquery.com/live/

Citation:

.live( events, handler )
version deprecated: 1.7, removed: 1.9
01/10/2015, 09h06
SpaceFrog

ou delegate()
02/10/2015, 13h00
ninjah

Je vous remercie !! avec on() ça fonctionne...