javascript - 等待 jQuery 加载

Question

我正在尝试检查 jQuery 是否已加载。如果没有，则加载它，然后继续加载外部 javascript 文件。我遇到的问题是外部文件之一期望已加载 jQuery，因此我收到“jQuery 未定义”错误。有没有一种方法可以使用 JavaScript 加载 jQuery，并在完成后立即继续？

if(!window.jQuery){
    var script = document.createElement('script');
    script.type = "text/javascript";
    script.src = "https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js";
    document.getElementsByTagName('head')[0].appendChild(script);
}

//load these scripts after jquery has been loaded

<script src="/some/other/js/file/that/requires/jquery"></script>
<script src="/some/other/js/file/that/requires/jquery"></script>

我想做的是等待它完全加载然后再继续。我试过this但我收到了有关超出调用堆栈的错误

Answer 1

考虑 HTML5Boilerplate 尝试和测试的技术相反:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>

请注意<script src="//ajax.googleapis.com仅适用于实际 http:或https:服务器;如果您在本地文件系统上进行测试，请写入 <script src="http://ajax.googleapis.com相反。