如何在bootstrap模式关闭时触发事件

时间:2015-09-03 18:35:08

标签: jquery twitter-bootstrap

假设我有一个模态例如 enter image description here

我希望在关闭此模式时触发事件。当我们点击关闭按钮或关闭按钮外的任何地方时,模型会关闭

    <a href='#part-3' data-toggle='modal' id='sss' style='float:right; color:black;' >view</a></center>

 //code for modal

  <div class="modal modal-wide fade" id="part-3" >
<div class="modal-dialog" style="min-width:60%">
  <div class="modal-content" >
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" >&times;</button>

    </div>
    <div class="modal-body">
        <div class="show">
           //the html code of form which is popped up
        </div>
    </div>
  </div>
</div>

通过关闭按钮关闭模态时,我可以通过给它一个id来轻松创建一个jquery事件,但是当用户点击模态外的任何地方时,如何触发/应该是该触发器的名称。

1 个答案:

答案 0 :(得分:7)

在bootstrap中,当关闭/隐藏模态时,javascript事件已经触发:

$('#myModal').on('hide.bs.modal', function (e) {
  // do something...
})

有关更多活动,请参阅相关的documentation here