2017-10-14 46 views
-1

我无法让我的JS在所有内容加载后运行。现在我正在使用网站Im:http://hsvgridproject.com,网格不会在用户第一次访问该网站时加载,需要进行硬刷新才能使用。我相信我需要使用某种类型的window.onload函数,但由于我仍在学习Java,我不确定如何在不破坏代码的情况下将其实施到我的项目中。JavaScript将无法加载DOM后

对网页网格中的脚本有一个窗口的标签已经围绕着它(信用Codrops):

(function(window) { 

请让我知道如果你需要更多的信息。谢谢!

+0

学会调试代码通过开发者控制台。按f12并查看出现了什么错误。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/debugger。 Java!= javascript。他们是非常不同的语言。 – scrappedcola

+0

页面加载正常(如果有点慢) - 我马上发现你有一个错误 - 在你的main.js的第294行,zou使用函数“imagesLoaded”,它不存在。您需要编写此功能或将其删除。 –

回答

1

这可能不起作用,因为您在DOM完全加载之前执行脚本。

为了保证它的执行DOM满载后,无论是移动其body元素的结束标记之前正确执行代码的脚本标签或使用DOMContentLoaded事件是这样的:

document.addEventListener("DOMContentLoaded", function(event) { 
    // execute your code 
});