将功能绑定到Bootstrap模态取消

Question

我知道我们可以将函数绑定到bootstrap模态，以进行此类关闭事件：

$("#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>