Discussion :

[wylls]

Bonjour,

Je ne suis pas un expert avec javascript et jQuery mais je m'en sers régulièrement pour une application PHP/Ajax.
Et là je sèche complétement, et j'ai du mal à trouver une réponse avec google.

J'ai ce code JS que j’exécute au chargement de la page.

Code :

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

1
2
3
4
5
6
7
8
9
jQuery( document ).ready(function() {
	jQuery("[attributName]").bind("contextmenu",function(evt){  
	  if (evt.ctrlKey ) { 
		var key = jQuery(this).attr("attributName");
                alert(key);
		return false;
		}
	}); 
});

Ca marche très bien une au début, et ensuite je fais un appel ajax qui rafraichit un élément, et là ça ne fonctionne pas avec le contenu envoyé par l'ajax.
Pourtant dans le contenu html que l'ajax à envoyer j'ai bien du contenu avec l'attribut "attributName".

Je pense que j'ai oublié un truc de base, mais je vois pas quoi...
Merci d'avance et bon week-end !

[Toufik83]

essaie avec :

Code :

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

1
2
3
 
jQuery("body")
.bind("contextmenu","[attributName]",function(evt){...});

au lieu de :

Code :

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

1
2
 
jQuery("[attributName]").bind("contextmenu",function(evt){...});

j'ai choisi "body" comme parent par défaut, tu peux mettre un autre parent plus proche de l'élément "[attributName]"

[Invité]

Bonjour,

1- .bind() est déprécié depuis jQuery 3.

2- il faut utiliser .on().

3- Pour ton problème : l'élément n'existe pas dans le DOM.
Il faut "accrocher" l'évènement à un élément existant (de préférence le plus proche).

Code :

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

1
2
3
4
jQuery('body').on('contextmenu', '#element_a_cliquer', function(event){ 
  event.stopPropagation();
  alert('ok');
});

[wylls]

Hello,

Merci pour vos réponses, ça marche parfaitement avec la solution de jreaux62.

Bonne journée à tous.