混合使用Cutesoft编辑和Colorbox时出现Javascript问题
我有一个小小的javascript问题,这就是我不喜欢javascript的原因。 在我的页面上,我使用Colorbox弹出一个div,可以添加一个新图像。然后我使用Cutesoft编辑器作为图像选择器,打开一个用户可以选择图像的窗口。我的问题是,图像选择器窗口在颜色框后面打开,因此用户无法选择图像,除非他们关闭弹出窗口。 我已经阅读了Cutesoft的所有文档,我能找到的唯一命令是editor.FocusDocument(),但它仍然不起作用。我开始怀疑Colorbox导致了这个问题,Cutesoft不允许在Colorbox上显示弹出窗口 显示图像弹出窗口的代码(按下图片上的按钮时执行):混合使用Cutesoft编辑和Colorbox时出现Javascript问题,javascript,jquery,editor,colorbox,Javascript,Jquery,Editor,Colorbox,我有一个小小的javascript问题,这就是我不喜欢javascript的原因。 在我的页面上,我使用Colorbox弹出一个div,可以添加一个新图像。然后我使用Cutesoft编辑器作为图像选择器,打开一个用户可以选择图像的窗口。我的问题是,图像选择器窗口在颜色框后面打开,因此用户无法选择图像,除非他们关闭弹出窗口。 我已经阅读了Cutesoft的所有文档,我能找到的唯一命令是editor.FocusDocument(),但它仍然不起作用。我开始怀疑Colorbox导致了这个问题,Cute
我认为这与这些层(html元素)的css属性有关,它们负责分层顺序。查看它(即Firebug)并搜索
z-index
。窗口选择器的z索引可能低于Cutesoft编辑器的z索引
编辑:我刚检查过。色盒具有z索引:9999
和ImagePicker具有z索引:8888代码>。我建议将colorbox.css
第6行更改为
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:8000; overflow:hidden;}
嗨,我编辑了我的回复。现在应该很容易修好了。
function NewImage() {
ResetBox();
this.boxTitle.innerHTML = 'Ny bild';
this.buttonSave.value = 'Lägg till bilden';
$.fn.colorbox({open:true,width:"700px",inline:true,href:"#inline_example1",speed:100});
}
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:8000; overflow:hidden;}