延迟 javascript 的加载，直到 jQuery 已正确加载

Question

我正在尝试编写一个涉及动态添加两个脚本标签的书签，一个用于 jQuery，另一个用于用 jQuery 编写的 js 脚本。 我遇到的问题是，即使我首先添加了 jQuery 脚本，js 脚本也无法读取，因为浏览器说 jQuery 未定义。 我知道错误是 jQuery 仍在加载，因为浏览器添加了我的 js 脚本，因此，浏览器在执行 js 脚本时无法识别 js 脚本中的 jQuery。 是否有延迟添加 js 脚本标签，直到 jQuery 完全加载之后？

谢谢！

Answer 1

你的脚本看起来如何？

您应该将您在脚本中所做的一切封装在 function 中，然后您可以从文档中调用它。

例如将所有内容放入 function myJqueryFunction()然后调用它：

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

这使得您的代码仅在 jQuery 完全加载后执行。

或者，您应该能够使用 Ajax 执行您的脚本，但请记住，您的脚本必须从与文档相同的域提供，否则将无法访问 DOM。

$(document).ready(function(){
    $.ajax("url to your script", {dataType:"script"});
});

Answer 2

大多数 Javascript 程序员最终做的第一件事就是在他们的 >program 中添加一些代码，类似于：

window.onload = function(){ alert("welcome"); }

其中是您要在页面加载时立即运行的代码。 然而，问题是，Javascript 代码在所有图像下载完成（包括横幅广告）后才会运行。 首先使用 window.onload 的原因是，当您第一次尝试运行代码时，HTML“文档”尚未完成加载。

希望这些信息有所帮助，从JQuery 教程中提取！

Answer 3

您可以使用 LABjs 之类的脚本加载器： LABjs ://labjs.com/ 。 它支持使用wait延迟其他脚本。

$LAB
.script("jquery.js")
.wait()
.script("script.js");