如何關閉jQuery工具疊加點擊，無論在哪裏？

Question

我已將jQuery工具的Overlay effect添加到我的網站，使用「最小安裝」。不幸的是，當用戶想要關閉它時，他必須瞄準右上角的這個小圓圈。可用性受這種方式的影響。如果用戶只需點擊任何地方關閉它就會好得多。

我是否可以修改或添加一些代碼，以便無論用戶點擊何處都會關閉覆蓋圖？或者，當他在疊加層之外點擊時？我無法在文檔中找到任何關於此的註釋。

Answer 1

或者，也許當他點擊重疊之外？
檢查the docs（ '配置' 部分）：

closeOnClick（默認值：true）
默認情況下，當單擊覆蓋區域外的鼠標覆蓋時關閉。將此屬性設置爲false會抑制適用於模態對話框的此行爲。

即，該功能在默認情況下已經啓用。如果它不工作，您可能想向我們展示您的覆蓋配置。

Answer 2

嘗試（快速和骯髒的）：

$(document).click(function(){ 
    $('.simple_overlay:visible .close').click(); 
}); 

Answer 3

@NikitaRybak closeOnClick只適用於使用曝光/遮罩。我已經修改了覆蓋代碼沒有公開/口罩工作..

整齊精縮的JavaScript .. 在縮小的代碼中找到此：

b.closeOnClick && a(document).bind("click." + n, function(l) { 

並插入到這個功能，而不是

if (!a(l.target).hasClass('overlay') && !a(l.target).hasClass('apple') && !a(l.target).parents('.overlay', f).length && !a(l.target).parents('[rel="#' + a(f).attr('id') + '"]').length && !(a(l.target).attr('rel') == '#' + a(f).attr('id'))) { c.close(l); } 

現在，如果你使用蘋果的影響，在蘋果效應代碼中找到這樣的：

b = h('<img src="' + b + '"/>'); 

並插入類=「蘋果」，所以它變成了：

b = h('<img class="apple" src="' + b + '"/>'); 

希望這有助於如果有人需要它..

Answer 4

在我的實驗，我發現，即使official jQuery Tools standalone demo正確不緊密覆蓋。例如，當我點擊覆蓋圖像下方時，它會關閉，但當我點擊覆蓋圖的右側或左側時，它不會關閉。

所以，在我的情況下，我用一個解決方案，以在單擊關閉覆蓋的任何地方文件：

<script type="text/javascript"> 
    function closeOverlay(){ 
     $('.overlay:visible .close').click(); 
    } 
    document.addEventListener('click',closeOverlay,true); 
</script> 

可能是它的骯髒太多，但它爲我工作。