Bootstrap模态关闭事件

Question

我有bootstrap模式，看起来像这样;

以下是它的代码

<!-- Buy Send Offer Success -->
<div class="modal fade custom-modal" id="make-offer-success" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" onclick="javascript:add_request()"><span aria-hidden="true"><i class="fa fa-close"></i></span></button>
            <h4 class="modal-title" id="myModalLabel"><?php echo $data['item']['brand'].' '.$data['item']['model'];?></h4>
        </div>
        <div class="modal-body">
            <div class="send-success"><i class="fa fa-check"></i> Your offer has been successfully sent</div>
        </div>
        <div class="modal-footer">
            <div class="col-md-6 btn-mrgn">
                <input type="hidden" id="item_unique_id" value="<?php echo $data['item']['item_unique_id']; ?>">
                <input type="hidden" id="buyer_id" value="<?php echo $this->session->userdata['id'] ?>">
                <button type="submit" class="btn gray-btn btn-common upercase" onclick="javascript:add_request()">Close</button>
            </div>
        </div>
    </div>
</div>

我在关闭按钮和＆＃34; x＆＃34;上调用java脚本函数。莫代尔上的按钮。我的问题是，当用户点击屏幕上的任何地方时，模态消失，我的功能未被调用，屏幕仍然褪色。

任何人都可以帮忙解决这个问题吗？当用户点击屏幕上除模态关闭按钮以外的任何地方时，如何调用我的javascript函数。

Answer 1

而是使用hide event处理程序，它将被调用但模态已关闭（假设您使用模态方法隐藏模态）

$('#make-offer-success').on('hide.bs.modal', function(){
    //do your stuff
})

演示：Fiddle