图像预览页面

时间:2015-11-11 15:16:20

标签: javascript jquery html javascript-events

例如我有一些图像src。

enter image description here

我在新的Chrome标签页中打开此页面。 在页面上,我有在DOMContentLoaded事件上运行的脚本:

 document.addEventListener('DOMContentLoaded', function() {
     console.log('done');/*call to init function*/
 }, false);

然而,在这种情况下,事件永远不会发生。在具有完整CSS和分层DOM树的常规页面上,一切正常。仅在新标签中单独打开图像的情况下出现问题或者我在使用此事件时遗漏了一些细节。 对任何帮助或解释都会感到高兴 感谢

JSFIDDLE

更新

根据this answer,DOMContentLoaded事件仅在document.readyState=interactive上触发,但图片视图页面从未提供此状态...所以我的问题是这个问题是否有解决办法?

1 个答案:

答案 0 :(得分:0)

一切正常,http://jsfiddle.net/k1L6mwzs/2/

在jsfiddle中,您在屏幕左侧的列表中设置了onLoad个事件,并在其后调用了您的js代码。

但是DOMContentLoaded事件会在onload之前触发,这就是您没有看到警报的原因。

(如果您的问题不在jsfiddle中,请向我们展示完整的页面代码(html)和脚本。您还使用jQuery - >用于什么?)