將功能綁定到Bootstrap Modal Cancel

Question

我知道我們可以將函數綁定到bootstrap modal來關閉事件，如下所示：

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