莫代尔没有关闭

时间:2017-06-09 22:58:10

标签: javascript bootstrap-modal

按下"确认"按钮,它执行函数和动作,但关闭模态的事件不会执行它。

这是我的代码:



<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>
&#13;
<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>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

如果habHabitacion函数返回布尔值true,则模态窗口应该关闭。请检查habHabitacion返回的内容。

答案 1 :(得分:0)

我认为问题来自你导入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>