2017-05-10 4 views
0

Ich möchte the Hidden event on modals wie folgt verwenden:Modal versteckte Aktion wird nicht ausgelöst wird

<div class="modal fade" id="modalthing" role="dialog"> 
    <div class="modal-dialog modal-md" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <div class="modal-body"> 
       <form> 
       //etc 
       </form> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

Und mein Javascript ist:

$('#modalthing').on('hidden.bs.modal', function (e) { 
    console.log('test'); 
}) 

Aber mein Code nog nur die console.log Ausführung

Fehle ich hier etwas? Ich habe den Code aus der offiziellen Bootstrap-Dokumentation und this question, aber ich kann nicht für das Leben von mir herauszufinden, warum es nicht das Ereignis auslöst.

+0

Wird bootstrap.js auf Ihrer Seite geladen? – Mokkun

+0

@Mokkun Ja. Mein Modal wird geöffnet und geschlossen, aber das Ereignis wird nicht ausgelöst. – Loko

+0

Hmm haben Sie versucht, Ihre Funktion in ein $ (Dokument) .ready (function() {}) zu setzen; – Mokkun

Antwort

0

Ich denke, Sie sollten verwenden Attribute in engen Schaltflächen wie diese Daten entlassen:

<button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 

Ich versuchte es auf W3Schools Editor und ausgeführt.

+0

Ich habe aber es löst immer noch nicht aus. – Loko

Verwandte Themen