Windows商店应用程序 - jQuery错误

时间:2013-04-08 08:08:41

标签: javascript jquery windows-8 windows-store-apps

我正在尝试将jQuery导入空白的javascript应用程序中,但不断收到同样的错误:JavaScript runtime error: 'jQuery' is undefined。我不知道原因。

我的整个程序:

  1. 创建新的空白应用项目
  2. 在js文件夹中添加现有项目jquery-1.8.2-win8-1.0
  3. 将添加的项目拖放到default.html head
  4. 在default.js
  5. 中添加一些jquery代码

    现在,我收到了这个错误:JavaScript runtime error: '$' is undefined。 但是,如果我删除添加的jQuery代码(之前没有注意到),它会引发另一个错误:JavaScript critical error at line 4, column 1 in ms-appx://8cce31f0-7793-41f7-875e-c41dd9ade2c7/js/jquery-1.8.2-win8-1.0.js

    我想让jquery在最后几个小时工作,但没有成功。

    HTML code:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <title>jquery</title>
    
        <!-- WinJS references -->
        <link href="//Microsoft.WinJS.1.0/css/ui-dark.css" rel="stylesheet" />
        <script src="//Microsoft.WinJS.1.0/js/base.js"></script>
        <script src="//Microsoft.WinJS.1.0/js/ui.js"></script>
    
        <!-- jquery references -->
        <link href="/css/default.css" rel="stylesheet" />
        <script src="/js/default.js"></script>
        <script src="js/jquery-1.8.2-win8-1.0.js"></script>
    </head>
    <body>
        <p>Content goes here</p>
    </body>
    </html>
    

    jQuery代码:

    $("*").on("click", function () { });
    

    错误的:

    1. error  2. error

    视频: Error - jQuery

3 个答案:

答案 0 :(得分:1)

首先,感谢你the video - 没有它,这几乎是不可能解决的。

我注意到你的jQuery文件是2.0mb;这看起来不对劲。然后错误消息将我们带入其内容以指出语法错误,我们在其中看到了大量HTML标记 - 您似乎已从GitHub viewer page下载,而不是从源文件本身下载。您应该下载the RAW file

请注意,这是jQuery的旧版本,而不是完全支持的版本。我是appendTo repo背后的主要开发人员,我很高兴地宣布jQuery 2.0(pre-release builds available)应该在Windows应用商店中自行运行。

我最近在nettuts上写了这篇文章:Building Windows Store Applications With jQuery 2.0

答案 1 :(得分:0)

尝试放置:

<script src="js/jquery-1.8.2-win8-1.0.js"></script>

后:

<link href="//Microsoft.WinJS.1.0/css/ui-dark.css" rel="stylesheet" />

此错误可能是因为您在编写jQuery代码之前未包含jQuery库并确保文件的路径正确

答案 2 :(得分:0)

尝试重新排列您添加的脚本。在default.js文件之前包含jQuery js文件。像这样:

<script src="js/jquery-1.8.2-win8-1.0.js"></script>
<script src="/js/default.js"></script>

Default.js尝试使用尚未添加的jQuery。所以重新安排可能有所帮助。