图像预览页面上的DomContentLoaded事件

Question

例如我有一些图像源。

我在新的 chrome 选项卡中打开此页面。 在页面上，我有在

DOMContentLoaded

事件上运行的脚本：

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

但是在这种情况下，事件永远不会触发。在具有完整 CSS 和分层 DOM 树的常规页面上一切正常。仅在新选项卡中仅打开图像的情况下才会出现问题，或者我错过了使用此事件的一些细节。 将很高兴获得任何帮助或解释

JSFIDDLE

更新

根据这个答案，DOMContentLoaded事件仅在

document.readyState=interactive

上触发，但图像视图页面从未给出此状态......所以我的问题是这个问题有任何解决方法吗？

Answer 1

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

在 jsfiddle 中，您在屏幕左侧的列表中设置了

onLoad

事件，并且在它之后调用您的

js

代码。

但是

DOMContentLoaded

事件在

onload

之前触发，这就是为什么您看不到警报。

（如果您的问题不是在 jsfiddle 中，请向我们展示页面（html）和脚本的完整代码。您还使用 jQuery -> 做什么？）