未捕获的SyntaxError:加载jQueryUImin文件时出现意外的令牌

时间:2016-02-02 06:14:42

标签: jquery user-interface console

我的代码是非常简单的html并附加jQuery,jQueryUI javascript文件,以及ui.css和代码如下

<html>
    <head>
        <meta charset="utf-8">
        <title>Untitled Document</title>
        <link href="ui_style.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="jquery-220min.js"></script>
        <script type="text/javascript" src="jquery-1114uimin.js"></script>
        <script>
            $(document).ready(function () {
                $("#btn").button();
            });
        </script>
    </head>

    <body>
        <div id="btn">Click</div>
    </body>
</html>

我得到&#34; Uncaught SyntaxError:意外的令牌{&#34;我在渲染页面时在浏览器控制台中。实际上,当我清除浏览器的缓存/历史记录时,通常会出现此错误;我发现为什么会这样!!由于jQueryUI未完全加载,仅部分加载,因此发生此错误。有时jQueryUImin javascript正在加载,有时是部分加载。这就是我收到此错误的原因。

我需要一个解决方案,我不知道为什么会这样。任何有类似情况

1 个答案:

答案 0 :(得分:0)

尝试包含cdn中的所有js和css文件。

<html>
    <head>
        <meta charset="utf-8">
        <title>Untitled Document</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
        <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
        <script>
            $(document).ready(function () {
                $("#btn").button();
            });
        </script>
    </head>

    <body>
        <div id="btn">Click</div>
    </body>
</html>