fancybox ajax 发布到 iframe答案

【问题标题】：fancybox ajax post to iframefancybox ajax 发布到 iframe
【发布时间】：2010-12-25 23:03:54
【问题描述】：

是否可以在打开时使用fancybox 将 var 发布到 iframe？

我目前有：

function fancyBoxLoad(element) {
    var elementToEdit = $("#" + $(element).attr("class"));
    var content = encodeURIComponent($(elementToEdit).outerHTML());
    $.fancybox(
        { 'href': 'loadEditor.php' },
        {
            frameWidth: 750,
            frameHeight: 430,
            overlayShow: true,
            ajax: {
                type: "POST",
                data: 'content=' + content
            },
            type: 'iframe'
        }
    );
}

似乎如果我拿走type: 'iframe'，它会发布数据，但它似乎不在iframe中，如果我拿走ajax: { type: "POST", data: 'content=' + content }，它会在iframe中打开但不发布数据（上面的例子也是这样）

所以我的问题是可以做到吗？

【问题讨论】：

标签： javascript jquery ajax post fancybox

【解决方案1】：

查看 Fancybox v1.3.1 的源代码，它们实际上是互斥的。如果您对深入研究源代码和编辑插件感到不舒服，您可以尝试使用GET variables in your HREF 作为解决方法。它应该像帖子一样有效地工作，因为它是一个 AJAX 调用，只需确保后端可以接收 GET 变量。

【讨论】：

一个例子是{ 'href': 'loadEditor.php?content' + content }。
另外，它是一个 AJAX 调用吗？（我对插件不是很熟悉。）

【解决方案2】：

如果您只是想将内容放入 iframe，为什么不使用 fancybox 创建 iframe，一旦您知道它已创建，然后通过 fancybox 返回给您的引用访问它并设置您的内容就是这样。我不确定您是否要将内容发送到服务器并返回。只需等待 iframe 加载，然后准备就绪，查询其中的元素并设置内容。

【讨论】：