Discussion :

[bonjourajax]

Bonjour !

Voici le problème :
J'ai une fonction qui change le src d'une image (aucun soucis)
Je ne peux pas agir sur l'image dont le src a été changé dynamiquement, sauf si je place mon code apres la fonction qui effectue cette action

Code :

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

1
2
3
4
 
$('div').on('click', $('[src="image1.png"]'), function() {
	alert('click');
});

En fait, ce code agit a la fois sur les images dont le src a été modifié (par exemple : src="image2.png") , et à la fois sur les images dont le src était src="image1.png"
Comment faire pour que ce code agisse seulement sur les images src="image1.png"
Et non sur celles qui ont été modifié par une valeur différente de src="image1.png"
Cordialement

Edit : (résolu)

ça ira mieux avec la syntaxe correcte :
'img' pas $('img')

Code :

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

1
2
3
$('div').on('click', 'img', function() {
	alert('click');
});

[SpaceFrog]

Code :

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

1
2
3
$('div').on('click', $('img'), function() {
	alert('click');
});

[bonjourajax]

Cela amène au même problème
Et alert click est lancée à tout endroit de la div cliquée

[SpaceFrog]

avec on par délégation ?

le second paramètre indique sur quel élément déléguer le click donc il ne doit pas se déclencher partout, uniquement sur l'enfant désigné

[SpaceFrog]

ça ira mieux avec la syntaxe correcte :
'img' pas $('img')

Code :

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

1
2
3
$('div').on('click', 'img', function() {
	alert('click');
});

[bonjourajax]

Ca fonctionne très bien.

Par contre si je met (par exemple)

Code :

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

1
2
3
4
 
$('div[class="div1"]').on('click', '[src="image1.png"]', function() {
	alert('click');
});

Ca ne marche plus. Avez-vous une explication?
Et pourquoi on ne pouvait pas mettre $('[src="image1.png"]')?

Quoi qu'il en soit, merci pour votre code !