我正在加载jquery,以免页面速度出现问题。但是现在可能发生了,甚至在加载jQuery之前执行我的脚本的情况。这会导致未定义函数jQuery之类的错误。如何确保jQuery已加载?
您不会显示用于延迟加载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] 删除。
我来说两句