预加载外部页面以显示在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'）。