javascript - 防止页面未加载时运行 JS

Question

我遇到了一个问题。当我使用 jQuery 加载包含大量 javascript 的页面时，页面会冻结。我相信这是因为 js 在页面加载之前执行，因为我的本地站点没有冻结。但是， $(document).ready(function(){}); 似乎不适用于动态加载的页面？真的吗？或我能做的任何事情来解决这个问题。太感谢了！

Answer 1

$(document).ready()在动态页面中工作正常。您的代码中一定有错误。

首先要做的是尝试查看源代码并将 HTML 保存为纯.html文件，然后在浏览器中加载该文件。如果仍然失败，那么您知道问题与服务器端 ASP/PHP/任何代码无关。然后尝试逐段删除 HTML 和 JavaScript，直到问题消失。这将帮助您缩小罪魁祸首范围。如果您可以将您的页面缩减为仍然显示问题的小文件，请在此处发布，我们会尽力提供帮助。

Answer 2

尝试使用

$(window).load(function(){
dosomething();
});

它会在整个页面加载完成后运行 js。

避免使用

$(document).ready(function(){
dosomething();
}); 

它将在加载 DOM 后运行 js。