javascript - JQuery 延迟加载。如何确保 jQuery 已加载？

Question

我正在延迟加载 jquery，以免出现页面速度问题。但是现在可能会发生我的脚本在 jQuery 加载之前执行的情况。这会导致诸如函数 jQuery 未定义之类的错误。如何确保 jQuery 已加载？

Answer 1

您没有显示用于延迟加载 jQuery 的代码，但如果您想以这种方式加载它，那么您必须通过某种被调用的 onload 回调来触发任何使用 jQuery 的代码当 jQuery 成功加载时。

所有在页面加载时使用 jQuery 的代码都必须首先从从此 onload 处理程序调用的内容中调用。您将无法仅使用 $(document).ready()直接直到 jQuery 加载后。

如果您包含用于加载 jQuery 的代码，我们可以更具体地了解如何知道它何时加载。有一些库可以为您处理这个问题，但您自己编写代码也不需要太多代码。

例如，如果您使用 defer <script> 中的属性标签并且您可以使用 IE9 或更高版本，那么您可以执行以下操作:

<script>
function jQueryLoaded() {
    // put your page initialization code that uses jQuery here
    // or call some other functions that do your page initialization
}
</script>
<script defer="defer" onload="jQueryLoaded()" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

如果您希望跨浏览器兼容性甚至早于 IE9，那么您可能应该动态添加脚本标记，以便您可以使用 readystatechange 在旧版本的 IE 中监视它。事件处理程序。请参阅loadScript()函数位于 this post了解详情。