Question

我知道我们可以将一个函数绑定到bootstrap模式以用于close事件，如下所示：

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

我需要知道，当对话框被取消时，这也会在单击对话框时触发＆＃34; OK＆＃34;。我该如何过滤？我需要知道，当对话框被隐藏但没有点击主按钮时。

三江源。

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>

将函数绑定到Bootstrap Modal Cancel

1 个答案: