$未定义 - 未捕获的referenceerror

Question

所以，我知道之前已经问过这个问题，但是我见过的所有问题，jquery都是在任何其他JS文件之后加载的。在我的情况下，它是不同的。

我从我的javascript文件加载Jquery-1.11.2.min.js，然后加载页面的单个文件，由于某种原因，我收到错误：

Uncaught ReferenceError: $ is not defined

我的脚本被调用如下：

<script async type="text/javascript" src="resources/javascript/jquery-1.11.2.min.js"></script>
<script async type="text/javascript" src="resources/javascript/'.$fileName.'.js"></script>

出于某种原因，错误正在发生。我该怎么做才能解决我的问题？

Answer 1

这些async属性极有可能是导致问题的原因。当您将脚本标记为async时，无法保证加载顺序，并且假设jQuery相当大，则可能在脚本尝试运行后加载。

This article讨论了脚本加载的细节，但它提供的最简单的解决方案是使用普通的非异步script元素，并在结束前将它们放置{{1} } tag：

</body>

Answer 2

将您的脚本包装在加载处理程序中。它将确保在执行之前加载jquery。

window.addEventListener("load", function(){...});