預加載外部頁面以顯示在Fancybox（lightbox）彈出框

Question

我有一個頁面使用Fancybox 2來顯示圖像和/或外部頁面，具體取決於用戶的操作。我一直在使用一個iframe作爲這樣加載網頁：

$('#userbtnclick1').click(function() { 
    $.fancybox({ 
    'height' : $(window).height()*0.75, 
    'width' : $(window).width()*0.75, 
    'href' : 'http://an.external.destination.com', 
    'title' : 'fancybox caption', 
    'type' : 'iframe' 
    }); 
}); 

雖然這是明顯的一些外部網頁需要一段時間來加載並在此期間屏幕燈箱空白。我看到Fancybox有一個AJAX方法，但看起來它是爲頁面片段而不是整個外部網站設計的。

是否可以在我的$（document）.ready {}中異步預加載外部網站，將其存儲爲隱藏的DIV，然後在用戶單擊按鈕時調用它？這個想法是，它會在用戶點擊時加載？

Answer 1

是的。刪除'type'和'href'，添加'content'並將其值設置爲$（'＃div-where-your-preloaded-content-is'）。