如何關閉fancybox，方法是在不使用疊加層的情況下單擊我的頁面：true

Question

如何關閉fancybox http://fancyapps.com/fancybox/當我點擊fancybox內容。 我可以使用疊加：true，但我想仍然可以在fancybox打開時單擊其他圖像。

我試過這段代碼，但它取消fancybox打開。

$(document).click(function() { 
    $.fancybox.close() 
}); 

Answer 1

這可能不是一個完美的解決方案，但會運行

要關閉的fancybox當你點擊之外，你可以使用像下面..

$(':not(<fancybox_links_selector>)').live('click', function(event){ 
    event.stopPropagation(); 
    $.fancybox.close(); 
}); 

使用這個jQuery：不是操作符和正確的選擇器，你可以選擇除打開fancybox的元素之外的所有元素（在你的情況下圖像..）

現在能夠打開花式當您單擊所需的鏈接框（再次圖像..），你應該傳播到父母阻止他們的單擊事件..

見下文......

$('<fancybox_links_selector>').live('click', function(event){ 
    event.stopPropagation(); 
    event.preventDefault(); 

    // write any extra required code here 
    return false; 
}); 

這將停止click事件冒泡和允許的fancybox開...

希望這有助於...