如何通過在模態窗口外單擊來關閉模態？

在一個非常簡單的jQuery的模態，我關閉點擊靠近如何通過在模態窗口外單擊來關閉模態？

$('#close').click(function(e) { 
    e.preventDefault(); 
    $('#overlay, #alertModalOuter').fadeOut(400, function() { 
    $(this).remove(); 
    }); 
});

模態如何可以通過點擊無論CLOSE按鈕（這是模態窗口內）或點擊之外的任何地方關閉模式模態窗口。

來源

2011-11-16 Googlebot

綁定了'＃overlay'元素相同。 – 2011-11-16 14:01:11

更改您的功能，像這樣應該努力：

$('#close, #overlay').click(function(e) { 
     e.preventDefault(); 
     $('#overlay, #alertModalOuter').fadeOut(400, function() { 
     $('#close').remove(); 
    }); 
});

來源

2011-11-16 14:03:08

謝謝，它完美的作品;儘管逗號缺失:) – Googlebot

你犯了一個錯誤「#close #overlay」表示具有id的元素#close，後面跟着具有id的元素#overflow，你的意思是「#close，#overlay」 –

謝謝，我確實。現在更新！ –

將同一點擊監聽器添加到疊加層。

來源

2011-11-16 14:01:55

我發現它有助於包括：

$('.item-modal').click(function(e) { 
    e.stopPropagation(); 
});

來源

2013-05-02 03:31:04

如何通過在模態窗口外單擊來關閉模態？

回答

相關問題