Bootstrap Modal jquery versteckt funktioniert nicht

Question

Ich habe ein Problem mit meinem Modal.

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

Taste:

<button type="button" class="btn btn-primary" data-toggle="modal" 
data-target="#mdProduction">production</button> 

modal:

jquery:

$('#mdProduction').on('hidden.bs.modal', function() { 
alert("Hello World!"); 
}) 

aber ich erhalte keine Benachrichtigung. Ich habe auch versucht "window.alert", aber es funktioniert auch nicht.

Dies ist nur ein Beispiel. Ich möchte eine Funktion auslösen, wenn das Modal ausgeblendet wird.

Vielen Dank für Ihre Antworten.

Answer 1

Die Veranstaltung Ihrer Verwendung arbeitet gut:

$('#mdProduction').on('hidden.bs.modal', function() { 
 
    alert("Hello World!"); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/> 
 

 
<div class="modal fade" id="mdProduction" role="dialog"> 
 
    <div class="modal-dialog modal-sm"> 
 
    <div class="modal-content"> 
 
     <div class="modal-body"> 
 
     <p>This is a small modal.</p> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div> 
 

 
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#mdProduction">Open Small Modal</button>

Ich denke, das Problem aus dem Weg kommt man den Dialog öffnen. Können Sie den Code teilen, in dem Sie versuchen, den Dialog zu öffnen?

Answer 2

Ihre HTML ist falsch, glaube ich. Es sollte sein:

<div id="mdProduction" class="modal fade"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      some information 
     </div> 
    </div> 
</div>