Bootstrap-modal-Ereignis nicht ausgelöst

Ich will einfach nur tun, einige Logik nach meinem modal abgewiesen wurde.

In der modal-ich habe eine Schaltfläche:

<button type="button" class="btn btn-primary" onclick="$('#mymodal').modal('hide');">Save changes</button>

In der Ansicht ich warte auf das event gefeuert, aber das tut Sie nie.

 $('#mymodal').on('hide.bs.modal', function (e) {
       alert('event fired')
});

Habe ich die Haltepunkte in chrome dev tools, die Veranstaltung ist nur Treffer auf der ersten laden der Ansicht. Nach, dass der Haltepunkt nie wieder erreicht. Mache ich etwas falsch?

Durch die Art und Weise, die modale versteckt, wie ich will.

  • $('#mymodal').on('hide.bs.modal', ...)?
  • typisierte falsch, sorry, die id ' s sind korrekt 🙂
  • Stellen Sie sicher, Sie binden-Ereignis aus, wenn das DOM bereit ist. $(function() { $('#mymodal').on('hide.bs.modal', ...) }).
  • Das ist eigentlich die Arbeit, vielen Dank! Könnten Sie bitte erklären, was das problem ist, in eine Antwort? Ich bin neu hier..
  • möglich, Duplikat der Warum jQuery oder eine DOM-Methoden wie getElementById nicht finden, das element?
InformationsquelleAutor greenhoorn | 2015-02-12
  1. 14

    Versuchen, diese,

    $(function(){ //let all dom elements are loaded
    $('#mymodal').on('hide.bs.modal', function (e) {
        alert('event fired')
    });
});

    Arbeiten Demo

    • sorry für die, die id ' s sind korrekt. Ich habe gerade diese für die Frage 🙂
    • Wenn deine id korrekt ist, dann muss es funktionieren. Siehe meine aktualisierte Antwort und demo
    • Deine Antwort bearbeitet wird, zu arbeiten. Was der Hinweis mit dem $(function(){}); ?
    • Geben Sie eine Funktion ausführen, wenn das DOM vollständig geladen ist. Lesen Sie $.ready(). Aber ich dachte, dein code funktioniert für die erste Zeit, dann wird das nächste mal auch.
    • Danke ich werde es Lesen. Das ist der gleiche Gedanke hatte ich auch.. Wenn es funktioniert eine Zeit, warum nicht die nächste.
    • Genial! es ist in Ordnung. Danke.

    InformationsquelleAutor Rohan Kumar
  2. 3

    Während die akzeptierte Antwort ist richtig, ich hatte ein etwas anderes Szenario, welches ich nicht finden, eine Antwort auf.

    Ich bin momentan dabei, meine modal ist dynamisch, so dass Sie nicht existieren auf der Seite zu laden. Ich bin das hinzufügen, um den DOM mit JQuery .append('body'). Daher

    $('#mymodal').on('hide.bs.modal', function(e) {

    nicht funktioniert....Ich hatte zu ändern, meine Ereignis-listener, um

    $(document).on('hide.bs.modal', '#mymodal', function(e) {

    arbeiten. Hoffentlich wird dies helfen, andere in der gleichen situation wie ich.

    InformationsquelleAutor Novocaine
  3. 0

    Stellen Sie sicher, dass Sie tatsächlich haben die Bootstrap-Javascript-Bibliothek in die Seite. Das war mein Problem. Die Bootstrap docs Hinweis auf diese, aber Sie auslassen, die es aus den code-Beispielen.

    Hier sind die Dateien/CDNs für Sie, da Ihre Website vermeidet Verknüpfung von den meisten der relevanten Seiten, für einige Grund: https://getbootstrap.com/docs/4.1/getting-started/download/

    InformationsquelleAutor Andrew Koster
Schreibe einen Kommentar