引導程序模式關閉事件

Question

我有引導模態，看起來像這樣；

以下是它的代碼

<!-- 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>

我在關閉按鈕和模態上的“ x”按鈕上調用了Java腳本函數。 我的問題是，當用戶在屏幕上的任何位置單擊時，模態消失，我的函數沒有被調用，並且屏幕保持褪色。

任何人都可以幫助解決此問題嗎？ 當用戶單擊屏幕上除模式關閉按鈕以外的任何位置時，如何調用我的javascript函數。

Answer 1

而是使用hide事件處理程序，該方法將被調用，但是模式已關閉（假設您正在使用模式方法來隱藏模式）

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

演示： 小提琴