Bootstrap jquery événement show.bs.modal ne se déclenchera pas

Question

Je suis en train d'utiliser l'exemple de modal des documents bootstrap 3. Le modal fonctionne. Cependant j'ai besoin d'accéder à l'événement show.bs.modal quand il se déclenche. Pour l'instant j'essaie simplement :

$('#myModal').on('show.bs.modal', function () {
alert('hi')
})

Rien ne se passe, l'événement ne se déclenche pas. Qu'est-ce que je fais mal ??? Cela n'a pas de sens pour moi.

Answer 1

Le travailleur d'écouteur d'événements JavaScript natif :

$('#myModal')[0].addEventListener('shown.bs.modal', () => { 
    alert('hi');
});

Ou

document.getElementById('myModal').addEventListener('shown.bs.modal', () => {   
    alert('hi');
});

Answer 2

Voici les détails granulaires :

show.bs.modal fonctionne alors que le dialogue du modèle se charge shown.bs.modal a fonctionné pour faire quelque chose après le chargement. post rendu