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.