factoriser une attribution de click()

**xavierlj** · 26/07/2012, 14h30

Bonjour

problème de débutant
le code dans les 2 fonctions est identique, mais je l’appelle depuis différente class.

est il possible de mettre plusieurs écouteur sur la même fonction ?
cela doit être tout con, mais j'ai pas trouvé

grand merci d'avance
Xavier

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
				$('.foto').find("img").click(function()	
					{
					code......etc......
						});
					});
				$('.photo').find("img").click(function()	
					{
					code......etc......
						});
					});

**SpaceFrog** · 26/07/2012, 14h34

Code :

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

1
2
3
4
5
$('.foto, .photo').find("img").click(function()	
					{
					code......etc......
						});
					});

**Michaeljackfan** · 26/07/2012, 15h06

Envoyé par SpaceFrog

Code :

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

1
2
3
4
5
$('.foto, .photo').find("img").click(function()	
					{
					code......etc......
						});
					});

Ça ne va pas générer une erreur ?

Tu voulais peut-être écrire :

Code :

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

1
2
3
4
5
6
7
 
$('.foto, .photo').find("img").click(function(){
    (function(){/*code 1*/})();
    (function(){/*code 2*/})();
    (function(){/*code 3*/})();
    etc...
});

Mais le plus simple et le plus clair est tout de même de déclarer ces fonctions en dehors, et de les appeler :

Code :

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

1
2
3
4
5
6
 
    function funA(){/*code*/}
    function funB(){/*code*/}
    function funC(){/*code*/}
 
    $('.foto, .photo').find("img").click(funA, funB, funC);

Si tu as besoin d'arguments dans l'une des fonctions, il faut toutes les placer dans une fonction anonyme, et permettre à la fonction anonyme de passer le paramètre "event" envoyé par click :

Code :

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

1
2
3
4
5
6
7
8
 
    function funA(event){alert(event.srcElement;}
    function funB(str){alert(str);}
    function funC(){/*code*/}
 
    $('.foto, .photo').find("img").click(function(e){
        funA(e); funB("yoyo"); funC();
    });

Note qu'avec la méthode précédent "click(funA,funB,funC)", le paramètre "event" est passé automatiquement si la fonction prend un paramètre.

Edit : oups, j'avais mal compris la question. Je croyais que tu voulais passer plusieurs fonctions à un évènement. Je laisse quand même, si tu es débutant ça t'aidera peut-être.

**SpaceFrog** · 26/07/2012, 15h12

Merci de tester avant de mettre en doute ...

Code :

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

1
2
3
4
5
$('.class1, .class2').click( function(){ alert($(this).text()) }) 
	})
 
<div class="class1">coucou</div>
<div class="class2">hello</div>

**xavierlj** · 26/07/2012, 15h16

super

MERCI SpaceFrog

**Michaeljackfan** · 26/07/2012, 15h30

Envoyé par SpaceFrog

Merci de tester avant de mettre en doute ...

Code :

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

1
2
3
4
5
$('.class1, .class2').click( function(){ alert($(this).text()) }) 
	})
 
<div class="class1">coucou</div>
<div class="class2">hello</div>

Il me génère une erreur, et c'est normal.

Par contre, si tu enlèves la ligne 2 et que tu rajoutes le point-virgule, ça marche nickel

Il en va de même pour ton exemple initial :

Code :

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

1
2
3
4
5
$('.foto, .photo').find("img").click(function()	
					{
					code......etc......
						});
					});

Sans la ligne 5, aucun soucis.

Ou bien c'est moi qui ne sait plus compter le nombre d'accolades ouvrantes et fermantes ? (ce qui serait inquiétant)

**SpaceFrog** · 26/07/2012, 15h49

c'est un extrait du code global ...

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
 
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'></script>
<script type="text/javascript">
	$(function(){
$('.class1, .class2').click( function(){ alert($(this).text()) }) 
	})
</script>
</head>
<body> 
<div class="class1">coucou</div>
<div class="class2">hello</div>
</body>
</html>

factoriser une attribution de click()

jQuery

Vue hybride

Discussions similaires

Partager

Partager