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

[Toufik83]

montre le code html et jQuery que tu as fais.

[alex8276]

ca c'est ok:

Code :

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

1
2
3
4
5
6
7
$( document ).ready(function() {
    var fs = 0;
    $('body').on("click",function(){
 
        alert('ok');
    });
 });

alors que ca non:

Code :

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

1
2
3
4
5
6
$( document ).ready(function() {
    var fs = 0;
    $('body').on("click", 'mce-ico',function(){
        alert('ok');
    });
 });

La classe mce-ico est sur un element chargé en Ajax

[Toufik83]

regarde ce que tu fais ici, mce-ico sans point "." ni "#" avant ?

Code js :

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

1
2
 
$('body').on("click", 'mce-ico',

Si mce-ico est une classe alors il faut mettre un point avant .mce-ico, sinon si c'est un id alors #mce-ico.

[alex8276]

Je l'ai oublié la, mais je le fais avec un point mais ca ne change rien ...

[Toufik83]

Tu fais surement une erreur quelque part, ça n'a pas de raison pour que cela ne fonctionne pas.
tu fais comment pour ajouter l'élément avec ajax ?, c'est un div ou un a ..?
montre le code.

[alex8276]

je ne peux pas montrer tout le code c est une appli pro...
C'est un formulaire qui est chargé. Ce qui est bizarre c est que sur chrome ca pose aucun soucis !

Merci de ton aide en tout cas

[Toufik83]

Le forum aussi est un forum des pros !
Je pense que je ne peux pas t'aider sans voir le code.
Merci et bonne continuation.

[alex8276]

Bonjour,
j'ai réussi a résoudre mon problème.

Code :

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

1
2
3
4
5
6
7
8
$( document ).ready(function() {
    var fs = 0;
    $('.tabs').on("click","button", function(){
          if($(this).attr("role") == "presentation" && $(this).children("i.maClass1.maClass2").length == 1){
              //Mon traitement
          }
    });
 });

J'ai plus la syntaxe exacte en tête mais ca doit être ça
Merci encore a toi Toufik pour ton aide !!

Bonne soirée