Question

我需要打开一个iframe（第1帧），从frame1我需要使用jquery colorbox打开frame2。

我在页面中使用了以下脚本来打开frame1：

function ViewUser(Id) {
       $.colorbox({ href: '/user/View/' + Id + '?popup=1', iframe: true, width: "100%", height: "100%", title: 'View User', overlayClose: false, escKey: false, onLoad: function() { $('#cboxClose').hide() }, onComplete: function() { $('#cboxClose').show() } });
}

我已经从frame1添加了以下脚本来打开frame2，但它没有打开页面（只打开一个空白颜色框）。

function UpdateUser(Id) {     
  parent.$.colorbox.close();
  parent.$.colorbox({ href: '/User/Update/' + Id + '?popup=1', iframe: true, width: "100%", height: "100%", title: 'Update User', overlayClose: false, escKey: false, onLoad: function() { $('#cboxClose').hide() }, onComplete: function() { $('#cboxClose').show() } });
}

我在这里遗漏了什么吗？

Answer 1

试试这个：将updateUser修改为：

function UpdateUser(Id) {
  $.fn.colorbox({
    href: '/User/Update/' + Id + '?popup=1', 
    iframe: true, 
    width: "100%", 
    height: "100%", 
    title: 'Update User', overlayClose: false, 
    escKey: false, 
    onLoad: function() { 
      $('#cboxClose').hide() 
    }, 
    onComplete: function() { 
      $('#cboxClose').show() 
    }
  });
}

以相同的方式将 $。colorbox 修改为ViewUser（）中的 $。fn.colorbox 。
无需关闭colobox和所有东西。

Answer 2

对我来说，只需省略close()电话就可以了。

function UpdateUser(Id) {     
  parent.$.colorbox({ href: '/User/Update/' + Id + '?popup=1', iframe: true, width: "100%", height: "100%", title: 'Update User', overlayClose: false, escKey: false, onLoad: function() { $('#cboxClose').hide() }, onComplete: function() { $('#cboxClose').show() } });
}

这会将新内容加载到旧colorbox。

使用JQuery Colorbox插件从另一个iframe打开iframe

2 个答案: