Discussion :

[alex8276]

Bonjour à tous,

dans un projet je souhaite effectué une action au clique sur un button

Code :

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

1
2
3
4
5
$(document).on("click",".class1 .class2", function(event)​{
 
...Traitement ...
 
}

L'evenement du click est bien exécuté dans sous Chrome et Edge mais pas sur Firefox et IE11.

Savez vous d'ou cela peux venir ?
Si j'enleve le 2e parametre dans le "on" on rentre dans l'evenement

Merci d'avance

[alex8276]

Bonjour,

pour précision, l’élément au quel j'essaye d'accéder est chargé en Ajax.

[Toufik83]

Il te faut une virgule entre .class1 et .class2, et il est préférable d'utiliser "body" ou un autre parent plus proche des éléments .class1 et .class2 au lieu de document/body.

Code js :

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

1
2
3
4
5
6
 
$("body").on("click",".class1,.class2", function(event){
 
...Traitement ...
 
});

[alex8276]

Bonsoir Toufik,

merci pour ton retour.
Malheureusement ça ne fonctionne pas sur Firefox et IE. Le click ne fonctionne pas si je met l'evenement sur les éléments chargés en Ajax. Si je met le handler sur un élément chargé "normalement" c'est ok

[Toufik83]

Salut,
Est ce que tu mets bien ton code dans un document.ready ?

Code :

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

1
2
3
4
5
6
7
8
 
$(document).ready(function(){
      $("body").on("click",".class1,.class2", function(event){
 
      /* ...Traitement ... */
 
      });
});

[alex8276]

Oui il est bien dans le document ready