Colorbox没有出现在IE中

时间:2012-09-09 16:07:36

标签: jquery colorbox

HY,

我正在尝试使用colorbox,它目前为止效果很好(在Chrome和Firefox中),但只是在Internet Explorer中不起作用(我有版本9 [在Win7 64bit上]并尝试设置任何版本“开发人员工具”窗口,但都不起作用。)

我已经尝试了很多我发现的建议(doctype更改/修复,控制台.__未定义,...)没有任何作用。

我没有得到任何异常的日志输出,我已经尝试过我的选择器,我用它来通过开发人员工具控制台应用colorbox()并获得正确的元素。 代码也会被调用(通过日志输出验证)。

我注意到的一件事我觉得有点奇怪的是,Chrome colorbox在页面末尾生成了这个DOM条目:

<div id="colorbox" class="" style="display: none; padding-bottom: 42px; padding-right: 42px; ">

而IE得到了这个:

<div id="colorbox" class="" style="display: none;" >

但我找不到原因。

我已尝试禁用我拥有的任何其他CSS,但没有任何效果。

1 个答案:

答案 0 :(得分:0)

我终于发现它是什么...我的页面应该是HTML5,我使用Modernizr(javascript库检查/修复一些HTML5相关的东西)我基本上只用它来通过媒体查询检查用户是否有小型设备(平板电脑/手机)或台式机。

问题与媒体查询有某种关系。只是嵌入modernizr库没有任何伤害(没有任何调用)。但是一旦我通过modernizr执行媒体查询,colorbox就不再有用了!

为了测试它我删除了对modernizr库的所有调用&amp;图书馆 - &gt; Colorbox就像一个魅力!

我现在下载了一个稍新版本的modernizr(我有2.5 .__并更新到2.6.1),现在Colorbox即使在使用Modernizr时也能正常工作!

这个问题只影响了Internet Explorer,所以我猜它是旧的Modernizr版本中的一个错误,它只出现在IE中。

这花了我几个小时......所以我想我的经验教训是:不要使用任何你真正不需要的JS库。