javascript - 我随机遇到 jquery 错误

Question

我用 jQuery 和 Javascript 制作了网站。我注意到有时 JS 文件加载得不好。 我在控制台中收到这些错误

Uncaught ReferenceError: jQuery is not defined(anonymous function) @ jquery.easing.1.3.js:37
jquery.anyslider.js:4
Uncaught ReferenceError: jQuery is not defined(anonymous function) @ jquery.anyslider.js:4 custom.js:3
Uncaught ReferenceError: $ is not defined(anonymous function) @ custom.js:3 flytocart.js:1
Uncaught ReferenceError: $ is not defined

如果我刷新页面，错误就会消失，并且一切正常。如果我再次刷新就会出现错误。我随机出现错误。

我的JS文件都在head部分

<script async src="js/jquery-1.11.3.min.js"></script>
<script async src="js/jquery-ui.min.js"></script>
<script async src="js/jquery.easing.1.3.js"></script>
<script async src="js/jquery.anyslider.js"></script>

<script>
    WebFontConfig = {
        google: { families: ['Open+Sans:400italic,600italic,700italic,800italic,700,600,800,400:latin,latin-ext', 'Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic:latin,latin-ext', 'Roboto+Condensed:300italic,400italic,700italic,400,300,700:latin,latin-ext'] }
    };

    var cb = function () {
        var wf = document.createElement('script');
        wf.src = '//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
        wf.type = 'text/javascript';
        wf.async = 'true';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(wf, s);
    };

    var raf = requestAnimationFrame || mozRequestAnimationFrame || webkitRequestAnimationFrame || msRequestAnimationFrame;

    if (raf) {
        raf(cb);
    } else {
        window.addEventListener('load', cb);
    }

</script>

<script async src="js/custom.js"></script>
<script async src="js/flytocart.js"></script>
<script src='https://www.google.com/recaptcha/api.js'></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

可能是什么原因？我该如何修复它？

感谢大家的帮助

Answer 1

因为您已将 async 添加到脚本标记中。是的，它不会阻止页面的呈现，但不能保证按照您在页面中添加的顺序下载这些脚本。

因此，请在从脚本标记中删除 async 后尝试。