我随机收到 jquery 错误

Question

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

未捕获的 ReferenceError：未定义 jQuery（匿名函数）@ jquery.easing.1.3.js:37
jquery.anyslider.js:4
未捕获的 ReferenceError：未定义 jQuery（匿名函数）@ jquery.anyslider.js:4 custom.js:3
未捕获的 ReferenceError：$ 未定义（匿名函数）@ custom.js:3 flytocart.js:1
未捕获的 ReferenceError: $ 未定义

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

我的 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 之后尝试。