Fancybox iframe，其內容在啟動頁面上以js編碼-如何在頁面加載時打開？

Question

有了這個答案 ，我有了一種在頁面加載時啟動fancybox iframe的方法： http : //www.casedasole.it/fancybox/A.html

此答案說明了如何在啟動iframe的頁面中打開其內容用javascript編碼的fancybox iframe： http : //www.casedasole.it/fancybox/B.html

有什么辦法讓B進行A的工作-即在頁面加載時啟動自身？

注意：隱藏的div方法（請參閱此處）將不起作用，因為打開后，我需要能夠在iframe中進行導航。

Answer 1

做就是了：

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> ）分開了；）

參考：

選項A： http ： //jsfiddle.net/8qp0Lr3z/1/
選項B： http ： //jsfiddle.net/qVrLr/

Fancybox iframe，其內容在啟動頁面上以js編碼-如何在頁面加載時打開？

問題描述

1 個解決方案

解決方案1
1 已采納 2014-10-31 17:49:56

Fancybox iframe，其內容在啟動頁面上以js編碼-如何在頁面加載時打開？

問題描述

1 個解決方案

解決方案1 1 已采納 2014-10-31 17:49:56

解決方案1
1 已采納 2014-10-31 17:49:56