在JQuery Fancybox中嵌入HTML页面作为内容

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;
}

- Kuldip Raj

---

这可能取决于您如何做...那么，您目前是如何做的？看着页面，我可以看到一个Ajax和iframe示例...您不理解什么？ - Felix Kling

你可以尝试使用iframe选项与fancybox，你能提供一些代码片段或jsfiddle吗？ - Ersel Aker

有人试过吗？你一定是在开玩笑... 你看过说明并查看了演示吗 http://fancyapps.com/fancybox/demo/？ - Janis

你链接的页面上的示例运行良好（我自己也是这样使用的）。除非你明确告诉我们问题所在，否则我们无法提供帮助。 - MassivePenguin

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>'
    });

- Todd Moses

---

谢谢Todd的回复。对于大多数地方，Ajax响应对我来说很好。只有某些地方我想使用通用模板，以前我使用的是"content":"template.html"，但现在似乎停止工作了。所以我有点困惑该如何处理它。 - Kuldip Raj

Answer 2

您可以使用fancybox Ajax或Iframe来加载HTML页面到弹框中。

- Majid Shahmohammadi

---

感谢大家！Ajax 响应与我配合得非常好。我在传递直接的 HTML 文件链接方面遇到了问题，这在旧版灯箱中运行得非常好，例如“content”：“html/fancybox_alerts.html”，其中 HTML 文件是通用模板。 - Kuldip Raj