Javascript iFrame中的多个色盒

我想把两个或三个彩盒叠在一起，但不要像俄罗斯娃娃那样在彼此的范围内，更像第一个彩盒覆盖50%的屏幕，第二个彩盒覆盖100%的屏幕，然后第三个彩盒再次覆盖50%的屏幕

在来自的帮助下，我成功地创建了效果，但问题是当我关闭colorbox时，所有当前打开的colorbox同时关闭。我想用“关闭”按钮来关闭那个色盒。理论上，人们会按顺序关闭它们，但我不能很明显地预测这一点

我认为这与jquery选择器关闭所有打开的颜色框有关。欢迎指点

创建第一个颜色框的代码：

  $.colorbox({iframe:true, width:width, height:height, scrolling: false, href:linkRef, fastIframe:false, onClosed:function(){$('#cboxClose').attr('class', '');}});
  $('#cboxClose').attr('class', 'photomontageFrame');

 window.parent.$.colorbox({iframe:true, width:width, height:height, scrolling: false, href:a, onClosed:function(){$('#cboxClose').attr('class', '');}});
 window.parent.$('#cboxClose').attr('class', 'photomontageFrame');

创建第二个颜色框的代码：

  $.colorbox({iframe:true, width:width, height:height, scrolling: false, href:linkRef, fastIframe:false, onClosed:function(){$('#cboxClose').attr('class', '');}});
  $('#cboxClose').attr('class', 'photomontageFrame');

 window.parent.$.colorbox({iframe:true, width:width, height:height, scrolling: false, href:a, onClosed:function(){$('#cboxClose').attr('class', '');}});
 window.parent.$('#cboxClose').attr('class', 'photomontageFrame');

---

谢谢

我不认为您的问题是iframe，而是colorbox只支持一个实例。它似乎也是一个非常旧的插件，不支持jQuery的最新版本。我会寻找一个不同的插件。

是我遗漏了什么，还是你没有提供任何代码/fiddle？你是对的，我没有-太匆忙了可能是一个完整的html结构+你提供的代码，全部在一个fiddle中，会更好链接的教程很旧，但是

colorbox（）

可能是目前维护最好的模式插件，imo！奇怪的是，由于浏览器检查，它不支持jQuery 1.9或2.0。但好吧，最大的问题是，我相信你在任何时候都不能有一个以上的色盒。如果你在教程链接上使用演示，它使用的是色盒版本

1.3.*

，而我认为当前的色盒版本修复了过去1.9的任何问题。（很抱歉，如果你不是），但我相信你对一个实例是正确的。啊，是的，这就解释了：-）祝你好运，找到一个插件，为你提供你想要的功能！当我选择colorbox时，真希望我知道这一点！难道没有人有其他建议吗？