javascript – yepnope.js资源回退无法正常工作
作者:互联网
我在yepnope的主页上直接使用了代码:
yepnope([{
load: 'http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js',
complete: function() {
console.log('made it');
if(!window.jQuery) { yepnope('/js/jquery.1.5.2-min.js'); }
}
}]);
我今天一直在没有上网工作,我注意到我的本地版本的jQuery没有被加载.
由于我没有连接到互联网,我将在上面的示例中假设Google CDN版本无法加载,将调用完整的函数来加载我的本地副本.看起来完全没有被调用,因为我没有在控制台中看到“制造它”.
此外,我检查了本地副本的路径是正确的.
解决方法:
根据您的评论和问题更新编辑:
你必须等待它超时.完整的功能不会立即触发.我刚刚下载了yepnope.js并运行了他们的demo / index.html,并在他们的yepnope调用下添加了以下代码,在页面底部加载jQuery:
yepnope({
load : "http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js",
callback : function() { console.log("callback"); },
complete : function() { console.log("complete"); }
});
显然jQuery 1.6.2不会加载.大约10-15秒后,在控制台中,“回调”和“完整”消息都显示出来,所以我知道他们被解雇了.
Alernative:
如果您发现在线/离线开发只需要此功能,您可以尝试Html5Boilerplate使用的功能,我已经使用了这个功能:
<!-- Grab Google CDN's jQuery, with a protocol relative URL;
fall back to local if necessary -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"
type="text/javascript"></script>
<script type="text/javascript">
window.jQuery || document.write('<script src="js/jquery-1.5.2.js">\x3C/script>')
</script>
这是我个人使用的:
</form>
<!-- Javascript at the bottom for fast page loading -->
<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript"> window.jQuery || document.write('<script src="js/jquery-1.5.2.js">\x3C/script>')</script>
<!-- Grab Google CDN's jQuery UI, with a protocol relative URL; fall back to local if necessary -->
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript"> $.ui || document.write('<script src="js/jquery-ui-1.8.4.custom.min.js">\x3C/script>')</script>
<!-- Scripts concatenated and minified via ant build script-->
<script src="js/plugins.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script>
<!-- End scripts -->
</body>
</html>
标签:javascript,jquery,yepnope 来源: https://codeday.me/bug/20190903/1797726.html