jQuery加载延迟。如何确保jQuery已加载?

曼努埃尔

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

jfriend00

您不会显示用于延迟加载jQuery的代码,但是如果您要以这种方式加载,则必须通过某种onload回调来触发任何使用jQuery的代码,当jQuery具有成功加载。

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

如果包含用于加载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()在功能上这个帖子的详细资料。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章