檢測背景點擊Bootstrap 3模式

Question

當使用Twitter Bootstrap 3時，有沒有辦法知道當模式被背景點擊關閉時？

Answer 1

我找不到任何內置函數來檢查你想要的。

我發現的唯一「黑客」方法是檢查文檔的click/keyup事件，如果模式打開，則調用您的回調函數。

代碼：

$(document).keyup(function (e) { 
    if (e.which == 27 && $('body').hasClass('modal-open')) { 
     console.log('esc') 
    } 
}) 

$(document).click(function (e) { 
    if (e.target === $('.modal-scrollable')[0] && $('body').hasClass('modal-open')) { 
     console.log('click') 
    } 
}) 

演示：http://jsfiddle.net/IrvinDominin/7nnUq/

Answer 2

你可以掛接到唯一的事件，根據http://getbootstrap.com/javascript/#modals是show，shown，hide和hidden。似乎沒有區分正常隱藏行爲和背景隱藏行爲。

Answer 3

$(document).click(function (e) { 
    if($(e.target).hasClass('modal-backdrop')){ 
    console.log("you clicked the backdrop!"); 
    } 

Answer 4

在每一個個案

$(document).click(function (e) { 
    setTimeout(function(){ 
     if (!$('body').hasClass('modal-open')) { 
      $("#myModal iframe").attr("src", $("#myModal iframe").attr("src")); 
     } 
    },1000); 
});