Javascript 网页挂起，直到清除缓存_Javascript_Jquery_Html_Html5 Appcache

Javascript 网页挂起，直到清除缓存

javascript jquery html

Javascript 网页挂起，直到清除缓存,javascript,jquery,html,html5-appcache,Javascript,Jquery,Html,Html5 Appcache,我正在用jQuery开发一个HTML5游戏。然而，有时页面在加载时会挂起（目前我只在Chrome For mac上看到这种情况）。当它挂起时，有时在底部有一个字符串“waiting app cache”。在此期间，该网页不会响应任何用户鼠标事件。即使重新加载页面，也会发生同样的情况。但是，如果您转到“设置”并清除缓存的图像和文件，网页将不会再次在加载时挂起我不知道为什么会这样。控制台中没有错误，所以我不知道问题出在哪里。更糟糕的是，当网页挂起时，甚至很难打开调试控制台。关于为什么会发生这种情况

我正在用jQuery开发一个HTML5游戏。然而，有时页面在加载时会挂起（目前我只在Chrome For mac上看到这种情况）。当它挂起时，有时在底部有一个字符串“waiting app cache”。在此期间，该网页不会响应任何用户鼠标事件。即使重新加载页面，也会发生同样的情况。但是，如果您转到“设置”并清除缓存的图像和文件，网页将不会再次在加载时挂起

我不知道为什么会这样。控制台中没有错误，所以我不知道问题出在哪里。更糟糕的是，当网页挂起时，甚至很难打开调试控制台。关于为什么会发生这种情况，有什么想法或猜测吗？提前谢谢

接下来，我的javascript入口点：

$(window).ready(function() {
    middleLayerInitialize();
    initialize();
    addEventListeners();
});

下面是我如何包括jQuery的：

<link rel="stylesheet" href="./styles/jquery.mobile-1.3.2.css" />
<script type="text/javascript" src="./js/jquery-1.10.1.js"></script>
<script type="text/javascript" src="./js/jquery.mobile-1.3.2.js"></script>
<script type="text/javascript" src="./js/jquery.mousewheel.js"></script>

最常见的两个原因是（1）您包含了两次jQuery或（2）您正在加载大量html，jQuery必须等待html完成加载。如果您将jQuery直接下载到您的目录中并将其包含在HTML头中，它可能会有所帮助。

而不是使用（窗口）。就绪。我这样说是因为你通常不使用（窗口）。准备好了。你要么用我上面写的，要么

window.onload=function(){SomeJavaScriptCode};

可能与JS运行的时间有关。在执行JS之前，您是否在等待文档加载？@HamzaKubba我已经更新了帖子。入口点是$（window）.ready（）。不确定这是否是您要问的。谢谢cgn。我已经更新了帖子。我确实在本地目录中下载了jquery。HTML文件大约是40KB，我认为它不是很大。我确实同时包括了jQuery mobile和jQuery。这就是问题所在吗？这很正常。您必须使用jQuery才能使用jQuery mobile:）这可能是版本问题。看这里：

<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.0.min.js"></script>
</head>

$(document).ready(function() {
    // put all your javascript here.
});

window.onload=function(){SomeJavaScriptCode};