将HTML页面作为内容放在JQuery Fancybox中

Question

我正在使用Fancybox。 http://fancybox.net

我遇到的问题是将HTML页面作为内容传递到Fancybox。我看到链接选项，但不知道如何传递HTML。有人可以帮帮我吗？

------- Adding code below

function test() {
    $.fancybox($.extend(fancyboxdefaults(), {
        wrapCSS: 'default',
        'content': 'static/common_structure.html',
        'afterShow' : function () {
            $("h2").html('Thank you');
            $("p").html('Thank you for your response.');
        }
    }) );
    return false;
}

Answer 1

文档页面http://fancybox.net/howto非常好，并解释了如何使用它。

如果您的意思是在Fancybox中显示HTML，那么这将有效：

<a href="http://www.example?iframe">This goes to iframe</a>

or

<a class="iframe" href="http://www.example">This goes to iframe</a>

如果要创建要传递给它的HTML，则以下内容应该有效：

$('#my_page').fancybox({ 
        'scrolling'     : 'no',
        'overlayOpacity': 0.1,
        'showCloseButton'   : false,
        'content' : '<p>your html here</p>'
    });

Answer 2

您可以使用fancybox Ajax或iframe并将HTML页面加载到框中。