将函数绑定到 Bootstrap 模态取消

Question

我知道我们可以为关闭事件绑定一个函数到引导模式，如下所示：

$("#myModal").on('hide.bs.modal', function(){ 
    //run the script
});

我需要知道，当对话框被取消时，这也是在单击对话框“确定”时触发的。我该如何过滤这个？我需要知道，何时隐藏对话框但未单击主按钮。

谢谢。

Answer 1

我建议你给模态关闭按钮添加一个ID，并使用jQuery的click()函数来检测它何时被点击。

这是一个例子

$('#modal-close-btn').click(function() {
  console.log("MODAL CLOSED");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
      <!-- ... -->
      <div class="modal-footer">
        <button type="button" id="modal-close-btn" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>