[1.10]Compatibilité des navigateurs

Version imprimable

01/03/2019, 21h10
alex8276

[1.10]Compatibilité des navigateurs
Bonjour à tous,

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

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
02/03/2019, 11h17
alex8276

Bonjour,

pour précision, l’élément au quel j'essaye d'accéder est chargé en Ajax.
02/03/2019, 13h27
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:

1 2 3 4 5 6 $("body").on("click",".class1,.class2", function(event){ ...Traitement ... });
03/03/2019, 20h08
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

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

Code:

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

03/03/2019, 22h21
alex8276

Oui il est bien dans le document ready
03/03/2019, 22h23
Toufik83

montre le code html et jQuery que tu as fais.

ca c'est ok:

Code:

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

alors que ca non:

Code:

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

03/03/2019, 22h44
Toufik83
regarde ce que tu fais ici, mce-ico sans point "." ni "#" avant ?
Code:

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.
03/03/2019, 23h00
alex8276

Je l'ai oublié la, mais je le fais avec un point mais ca ne change rien ...
03/03/2019, 23h05
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.
03/03/2019, 23h10
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
03/03/2019, 23h20
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.

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

Code:

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 :D
Merci encore a toi Toufik pour ton aide !!

Bonne soirée