網頁加載時的jQuery Fancybox，iFrame中的內容

Question

我想在准備好文檔時加載一個fancybox，但在特定的DIV中，fancybox的內容將來自另一個頁面，顯示為iFrame。 這是我目前擁有的：

$(document).ready(function () {     
     $.fancybox({
          'href'            : "#div",
          'content'         : "content.jsp",
          'type'            : "iframe",
     });
});

HTML：

<div id="div">
</div>

什么都沒有加載。

Answer 1

嘗試這個：

$(document).ready(function () {     
     $("#div").fancybox({
          'href'            : 'content.jsp',
          'type'            : 'iframe'
     });
});

HTML

<div id="div">
    Click Here
</div>

的jsfiddle

Answer 2

您不能將div的內容顯示為iframe而是inline 。

因此，您可以像使用iframe一樣直接在fancybox中（以編程方式）打開content.jsp文件：

jQuery(document).ready(function ($) {
    $.fancybox({
        href: "content.jsp",
        type: "iframe"
    });
}); // ready

或將content.jsp文件的內容加載到div#div容器中，然后在fancybox中顯示內聯內容，例如：

jQuery(document).ready(function ($) {
    $("#div").load("content.jsp", function () {        
            $.fancybox($(this), {
                // API options
                type: "inline"
            });
    });
}); // ready