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 !

[SpaceFrog]

encore un petit souci de syntaxe :

Code :

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

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

ou

Code :

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

$('div.div1')

pour ne cibler que les div de class div de class div1 si toutesfois il y avait d'autre balises portant cette class.

[bonjourajax]

Apparemment cela ne marche pas.
Le code fonctionne si il y a juste $('div').on('click',
Mais dés qu'on rajoute la classe sur le premier element $('div.div1') cela ne marche plus.

Après cela ne me dérange pas car votre code sans ajout de la classe fonctionne :

Code :

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

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

[SpaceFrog]

aucun souci avec la class :
https://jsfiddle.net/d801ex2s/11/

tu dois avoir un souci avec ton html ...