Jquery google chrome 中未捕获的引用错误

Question

我一直在使用 jquery 来完成这个网页设计项目，但有一个问题让我运行陷入了困境。该脚本在 safari 中运行良好，但在 firefox 和 google chrome 中出现未捕获的引用错误。我在几个地方读到它可能是脚本的字符集，但是当我更改字符集时什么也不会发生。有没有其他人有这个问题？如果有人知道解决此问题的好方法，我们将不胜感激。

这是我正在使用的脚本：

$(function ($) {
    'use strict';
    var slidebar = new $.slidebars({siteClose: true, scrollLock: true});
    $('i.button').on('click', function () {
        slidebar.slidebars.toggle('left');
    });
});
$(function PYLoad() {
    'use strict';
    $.ajax({
        url: 'http://127.0.0.1:8000/json',
        type: 'GET',
        success: function (data) {
            console.log("PY_Load has Loaded successfully...");
            console.log(data);
            if (data.green === "green") {
                    $('#PY_Load').addClass('server-status-green').removeClass('server-status-red server-status-red-blink default');
            };
            if (data.red === "red") {
                $('#PY_Load').addClass('server-status-red').removeClass('server-status-green server-status-red-blink default');
            };
            if (data.blink === "blink") {
                $('#PY_Load').addClass('server-status-red- blink').removeClass('server-status-green server-status-red default');
            };
            if (data.default === "default") {
                $('#PY_Load').addClass('default').removeClass('server-status-green server-status-red server-status-red-blink');
            };
        },
        complete: function () {
            console.log('Reloading...');
            setTimeout(PYLoad, 3000);
        }
     });
});

我的 html 页面的标题：

   <head>
        <meta http-equiv="X-UA-Compatible" />
        <meta http-equiv="Content-Type" charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        {% load staticfiles %}
        {% load compress %}
        {% compress css %}
        <link href="{% static 'scss/app.scss' %}" type="text/x-scss" rel="stylesheet" media="all"/>
        {% endcompress %}
        <script src="{% static 'js/jquery/jquery-2.1.4.js' %}" async></script>
        <script src="{% static 'js/modernizr/modernizr.custom.62824.js' %}" async></script>
        <script src="{% static 'js/slidebars/slidebars.js' %}" async></script>
        <script src="{% static 'js/app.js' %}" async></script>
    </head>

以下是控制台中显示的内容：

Answer 1

删除异步标记，以便在函数运行

之前加载脚本

Jquery google chrome 中未捕获的引用错误

Jquery Uncaught reference errors in google chrome

javascript

firefox

jquery

google-chrome

referenceerror