trigger ne veux pas fonctionner

HwRZxLc4 · 29/04/2010, 17h05

Bonjour,

la fonction trigger() ne veix pas fonctionner, je test bêtement dans une page html :

Code :

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

1
2
3
4
5
6
<p click="alert('hello')">Hello</p> 
<script type="text/javascript">
$(document).ready(function() {
	$("p").trigger("click");
});
</script>

quand j'ajoute un alert() il est bien déclenché mais le trigger non, je ne voie pas pourquoi :s

le but final est de produire un clic sur un bouton au chargement d'une page.

Merci d'avance.

**danielhagnoul** · 30/04/2010, 02h40

Bonsoir.

Exemple, voir les commentaires dans 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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!doctype html>
<html lang="fr">
<head>
	<meta charset="utf-8">
	<meta name="Author" content="Daniel Hagnoul">
	<meta name="description" content="Page type">
	<title>Page type</title>
	<style>
		/* BASE */
		body {
			background-color:#ffffff;
			color:#000000;
			font-family:sans-serif;
			font-size:medium;
			font-style:normal;
			font-weight:normal;
			line-height:normal;
			letter-spacing:normal;
		}
		h1,h2,h3,h4,h5 {
			font-family:serif;
		}
		div,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,form,table,img {
			margin:0px;
			padding:0px;
		}
		p {
			padding:6px;
		}
		ul,ol,dl {
			list-style:none;
			padding-left:6px;
			padding-top:6px;
		}
		li {
			padding-bottom:6px;
		}
		/* TEST */
	</style>
	<script charset="utf-8" src="../lib/jqueryui-1.8/js/jquery-1.4.2.min.js"></script>
 	<script>
		$(function(){
			$("p").bind("click", function(event, hello){
				alert(hello);
			});
 
			$("#btn1").click(function(){
				$("p").trigger("click", ["Bonjour !"]);
			});
 
			$("#btn2").click(function(){
				$("p").click();
			});
 
			/*
			 * $("p").click(function(){...}); est la forme
			 * abrégée de $("p").bind("click", function(){...});
			 *
			 * $("p").click(); est la forme abrégée de
			 * $("p").trigger("click");
			 *
			 * idem pour les autres événements
			 *
			 * On utilise bind() et trigger() pour des événements nommés (namespace)
			 * ou le passage de variables
			 */
		});
	</script>
</head>
<body>
	<div id="conteneur">
		<button id="btn1">Trigger</button> <button id="btn2">Click</button>
 
		<!-- onclick ici, click c'est du jQuery ! -->
		<p onclick="alert('Non !');">Hello</p> 
	</div>
</body>  
</html>

HwRZxLc4 · 30/04/2010, 10h21

Je vous remercie bien beaucoup, j'y voie un peux plus claire

trigger ne veux pas fonctionner

jQuery

Vue hybride

Discussions similaires

Partager

Partager