jquery - colorbox iframe 作为模态：如何将真/假返回给父级

Question

我发现很难找到使用颜色框作为模态框的文档。无论如何，我将 iframe 技术用作模态对话框，所以在我父母的页面中，js 是这样的：

    $(".confirmDeleteUser").colorbox({
        onOpen: function () {
            $("#colorbox").addClass("standardLightbox");
        },
        onLoad: function () {
            $('#cboxClose').remove();
        },
        iframe: true,
        href: "/modal_yesno.html",
        innerWidth: "530",
        innerHeight: "400", 
        fixed: true, 
        overlayClose: false
    });

父页面的 html 是这样的：

<a href="deleteuser.php?id=2" class="confirmDeleteUser">Delete user</a>

而对于modal_yesno.html是这样的：

        $('.buttonNo').click(function () {
            return false;
            parent.$.fn.colorbox.close();
        });

        $('.buttonYes').click(function () {
            return true;
            parent.$.fn.colorbox.close();                
        });

但是modal没有关闭，返回值也没有发送给父级。

所以问题是如何将真/假javascript发送给父级并立即关闭颜色框？

Answer 1

返回值不会被发送回父窗口，它会被发送回触发事件的元素；按钮。

我认为以下应该有效：

$('.buttonNo').click(function () {
   parent.$.fn.colorbox.close();
   window.parent.Confirmation(false);
});

$('.buttonYes').click(function () {
   parent.$.fn.colorbox.close();   
   window.parent.Confirmation(true);
});

其中 Confirmation() 是您父页面中的一个方法。