Question

我想在页面上异步加载jquery，然后加载另一个依赖于jquery的脚本（它在加载时执行jquery代码）。但是如何检测jquery是否已经完成了lodading。在jquery中是否有这样的事件，当库完成加载时会触发？

理论上我可以像这样加载jquery：

<script async src="jquery.js" onload="jqueryloaded()"></script>

但我希望代码也适用于旧浏览器，这可能不支持async和onload属性。（在这种情况下，jquery是同步加载的。）这就是为什么我正在寻找一个jquery在加载时发出的事件。有吗？

Answer 1

你可以试试这个：

var script = document.createElement('script');
script.src = 'jquery.js';
script.onload = jqueryloaded; // thx @Cookie_Monster
document.body.appendChild(script);

Answer 2

你见过http://headjs.com/吗？这是一个例子：

head.load("jQuery.js", function() {
 // Call a function when done
 console.log("Done loading jQuery");
});

如何检测异步加载的jquery何时完成加载？

2 个答案: