模态没有关闭

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

如果habHabitacion函数返回boolean true，则模式窗口应关闭。 请检查habHabitacion返回的内容。

Answer 2

我认为问题来自您导入的bootstrapp或模态div的定义看我：它正常工作

<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>