Modal events not working for JQuery .on()

Context : Symfony 5.3.9 project / Boostrap 5.1.3

This works : document.getElementById('myModal').addEventListener('hidden.bs.modal', function() { alert('ok'); });

This doesn’t : $("#myModal").on('hidden.bs.modal', function() { alert('ok'); });

Same goes for any modal event. Did I miss something ?

[alecpl]

The detection depends on existence of window.jQuery. I guess, in some cases it might just not exist. As this is mentioned in https://getbootstrap.com/docs/5.0/getting-started/javascript/#still-want-to-use-jquery-its-possible (and #events) I suggest to close this ticket. Maybe every page mentioning addEventListener() should have a link (“How to do this with jQuery?”) to this getting started page section.

ps. I once worked with cash-dom which is a tiny jQuery replacement. The way it was imported created only window.$.

[nkdas91]

@UgoFlamarion Did you include jQuery? If not please include it and try again.

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

And if it doesn’t work, please create a https://codepen.io/ demo.