jQuery Colorbox iframe 不使用 post

Posted

技术标签:

【中文标题】jQuery Colorbox iframe 不使用 post【英文标题】:jQuery Colorbox iframe not using post 【发布时间】:2012-03-24 07:03:48 【问题描述】:

我正在使用 jquery 来覆盖表单提交。然后使用 iframe true 调用 colorbox 并将数据设置为对象。由于 colorbox 使用负载进行 ajax 调用,将数据属性设置为对象应该使用 post submit 方法。然而事实并非如此。有没有办法做到这一点?

$("#checkout_form").submit(function(e)
e.preventDefault();
e.stopPropagation();

var data = $.parseJSON($(this).find("[name=payload]").attr("value"));

$.colorbox(
    href:$(this).attr("action"), 
    width:'600', 
    height:'450',
    iframe:true,
    data:data,
    overlayClose:false
  );
);

【问题讨论】:

【参考方案1】:

只是一个更新,这里是Erik Petersen提供的代码。我自己测试过,效果很好。

function updateFolderCate(ID,Type)
    $.colorbox(
        open: true,
        scrolling: false,
        innerWidth:'100',
        innerHeight:'100',
        href:"page.php",
        data:LinkID:ID,itemType:Type,
        onClosed:function()
            //Do something on close.
        
    );

【讨论】:

你应该能够修改它来完成你想要做的事情。【参考方案2】:

很抱歉,colorbox 不使用 .load() 来填充 iframe 。 它设置 iframes src 属性。 因此不能发布数据,只能使用 URL 参数来传递数据。

【讨论】:

以上是关于jQuery Colorbox iframe 不使用 post的主要内容,如果未能解决你的问题,请参考以下文章

使用 jQuery ColorBox 的 iFrame IE8

表单提交后关闭 Colorbox iframe,然后重定向父页面

控制 iframe 内的 Colorbox 位置

使用 Colorbox 在 iframe 之外显示图像

将表单提交到 Colorbox iframe

Colorbox - 在颜色框内容中删除自定义 iframe 时防止父页面重新加载?