ブートストラップモーダルがボタンを戻していません

Question

私のコードは機能していますが、ボタンはクリック後には戻っていません。ここで Here is my output

<a href="#myModal" role="button" class="btn btn-large btn-primary" data-toggle="modal">Launch Demo Modal</a> 

HTMLコードは次のとおりです。ここで

<div id="myModal" class="modal fade"> 
<div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
      <h4 class="modal-title">Confirmation</h4> 
     </div> 
     <div class="modal-body"> 
      <p>Do you want to save changes you made to document before closing?</p> 
      <p class="text-warning"><small>If you don't save, your changes will be lost.</small></p> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div> 
</div> 

はjavascriptのです：

<script type="text/javascript"> 
$('#c').click(function(){ 
    $("#myModal").modal('show'); 
}); 

Answer 1

私はクレアを持っています働くフィドルをテッド。 JS fiddle クリックイベントを追加してモーダルを非表示にするだけです。

HTML

<a href="#myModal" role="button" class="btn btn-large btn-primary" data-toggle="modal">Launch Demo Modal</a> 

<div id="myModal" class="modal fade"> 
<div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
      <h4 class="modal-title">Confirmation</h4> 
     </div> 
     <div class="modal-body"> 
      <p>Do you want to save changes you made to document before closing?</p> 
      <p class="text-warning"><small>If you don't save, your changes will be lost.</small></p> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      <button id = "test" type="button" class="btn btn-primary" >Save changes</button> 
     </div> 
    </div> 
</div> 

JS

$('#c').click(function(){ 
    $("#myModal").modal('show'); 
}); 
$("#test").on("click",() =>{ 
     alert("save changes") 
    $("#myModal").modal('hide'); 
})