Discussion :

[UNi[FR]]

Bonjour à tours,

J'aurais voulu avoir un éclaircissement sur un comportement étrange que je rencontre entre un bout de code Js (Vanilla vs jQuery)
Mon code se trouve dans une classe qui utilise Webpack Encore

Au niveau de mon fichier html je déclare ceci :

Code :

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

1
2
3
4
5
6
7
 
    <script>
 
        $(document).on("create", function(e) {
            console.log("hello !");
        });
    </script>

et dans ma classe j'ai ceci :

Code :

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

1
2
3
 
   document.getElementById('validateCreateEntity').dispatchEvent(new CustomEvent("create", {bubbles: true, detail: {data: _monObj}})); // l'event se déclenche
   $("#validateCreateEntity").trigger("create"); // l'event ne se déclenche pas

Avec mon code Js pure, l'événement se déclenche bien par contre avec le trigger jQuery, l'événement n'est pas déclenché. Sachant que par soucis d'homogénisation, je préfére utiliser jQuery.
Ai-je oublié quelque chose ? Pourquoi ce comportement ?

Merci d'avance pour votre aide.

[psychadelic]

ben , il me semble que tu envois ton "trigger event" sur l'élément ayant pour id = validateCreateEntity, et non sur le body qui lui est sensé l'attendre.

Après je ne crois pas que les events issus d'un trigger puissent être propagés.

[Toufik83]

tu as essayé de mettre le trigger APRES le .on()?

Code :

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

1
2
3
4
5
6
 
$(document)
  .on('create', function(e) {
       console.log('create');
  })
  .trigger('create');

[UNi[FR]]

Bon il semblerait que le problème soit dû à la "compilation" du fichier par webpack encore.
Sans passer par webpack, le trigger est bien déclenché comme il faut.

Merci pour votre aide !