由于有了这个答案，我有了一种在页面加载时启动fancybox iframe的方法：http : //www.casedasole.it/fancybox/A.html
此答案说明了如何在启动iframe的页面中打开内容已用javascript编码的fancybox iframe： http : //www.casedasole.it/fancybox/B.html
有什么方法可以让B执行A的工作-即在页面加载时启动自身吗？
注意：隐藏的div方法（请参阅此处）将不起作用，因为打开后，我需要能够在iframe中进行导航。
做就是了 ：
var myContent = "..."; // html as option "B"
jQuery(document).ready(function ($) {
$.fancybox({
// API options as "B"
// build the iframe
content: '<iframe id="myFrame" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" src="about:blank"></iframe>',
afterShow: function () {
var oIframe = document.getElementById('myFrame');
var iframeDoc = (oIframe.contentWindow.document || oIframe.contentDocument);
iframeDoc.open();
iframeDoc.write(myContent);
iframeDoc.close();
}
});
}); // ready
参见JSFIDDLE
注意的myContent变量包含完整 html的结构，包括DOCTYPE，<html>，<head>一个<body>区段。尽管不是强制性的，但它将使您对初始（iframe）页面的设置有更多控制。
还请注意，在我的jsfiddle中，出于整理的目的，我将基本内容（html基本结构）与自定义内容（<div>如您的示例）分开了；）
参考：
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句