モーダルが閉じない

Question

「確認」ボタンを押すと、機能とアクションが実行されますが、モーダルを終了すると実行されません。

これは私のコードです：

<script type="text/javascript"> 
 
    $("document").ready(function() { 
 
    var actsel = $("#act_selected").val(); 
 
    $("#habilitaract_mensaje").html("¿You want to end the activity No. <strong>" + actsel + "</strong>?"); 
 
    
 
    $("#btn_actconfirmar").click(function() { 
 
     if (habHabitacion()) { 
 
     $('#modal_habilitaract').modal('hide'); 
 
     } 
 
    }); 
 
    }); 
 
</script>

<div class="modal-header"> 
 
     <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button> 
 
     <h4 class="modal-title">Enable Activity</h4> 
 
    </div> 
 

 
    <div class="modal-body"> 
 
     <h5><span id="habilitaract_mensaje"></span></h5> 
 
     <br> 
 
    </div> 
 

 
    <div class="modal-footer"> 
 
     <button type="button" class="btn btn-primary" id="btn_actconfirmar"> 
 
       <span class="texto-sm"><span class="glyphicon glyphicon-ok"></span>&nbsp;&nbsp;Confirm</span> 
 
      </button> 
 

 
    </div>

Answer 1

私はこの問題は、あなたのbootstrappの輸入や鉱山でのモーダル ルックのdiv要素の定義から来ていると思う：それは `habHabitacion`機能は何をするのか正しく

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

<script type="text/javascript"> 
    $("document").ready(function() { 
    var actsel = $("#act_selected").val(); 
    $("#habilitaract_mensaje").html("¿You want to end the activity No. <strong>" + actsel + "</strong>?");  
    $("#btn_actconfirmar").click(function() { 
    alert("welcome"); 
    }); 
}); 
</script> 

<div align="right"> 
    <button type="button" name="add" id="add" data-toggle="modal" data-target="#add_data_Modal" class="btn btn-warning">Add</button> 
</div> 
<div id="add_data_Modal" class="modal fade"> 
<div class="modal-dialog"> 
<div class="modal-content"> 
<div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal"><span>&times; 
</span></button> 
    <h4 class="modal-title">Enable Activity</h4> 
</div> 

<div class="modal-body"> 
    <h5><span id="habilitaract_mensaje"></span></h5> 
    <br> 
</div> 

<div class="modal-footer"> 
    <button type="button" class="btn btn-primary" id="btn_actconfirmar"> 
      <span class="texto-sm"><span class="glyphicon glyphicon-ok"></span>&nbsp;&nbsp;Confirm</span> 
     </button> 

     </div> 
    </div> 
    </div> 
</div> 

Answer 2

habHabitacion関数はブール値trueを返した場合、モーダルウィンドウをクローズする必要があります。 habHabitacionが返すものを確認してください。