Javascript Jquery无法运行Windows通用应用程序_Javascript_Jquery_Win Universal App_Winjs

Javascript Jquery无法运行Windows通用应用程序

javascript jquery

Javascript Jquery无法运行Windows通用应用程序,javascript,jquery,win-universal-app,winjs,Javascript,Jquery,Win Universal App,Winjs,这不是重复，因为这与引用的链接无关，因为这是基于windows的应用程序，与脚本位置无关，因为这与基于web的应用程序无关。请删除重复项。也许我只是把代码放错了位置，因为这是我第一次尝试使用JS为windows创建通用应用。根据windows开发者网站，可以使用Jquery 所以为了测试它，我做了一个标准的简单默认新项目。使用一些jquery测试代码我的测试Jquery代码： $(".bodytype").on("click", function () { console.log('

这不是重复，因为这与引用的链接无关，因为这是基于windows的应用程序，与脚本位置无关，因为这与基于web的应用程序无关。请删除重复项。

也许我只是把代码放错了位置，因为这是我第一次尝试使用JS为windows创建通用应用。根据windows开发者网站，可以使用Jquery

所以为了测试它，我做了一个标准的简单默认新项目。使用一些jquery测试代码

我的测试Jquery代码：

$(".bodytype").on("click", function () {
    console.log('Clicked');
    $(".bodytype").css("background", "blue");
});

index.html中的html代码

  <div class="bodytype">A Row</div>

index.html完整代码如下：

    <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>App3</title>
    <link href="lib/winjs-4.0.1/css/ui-light.css" rel="stylesheet" />
    <script src="lib/winjs-4.0.1/js/base.js"></script>
    <script src="lib/winjs-4.0.1/js/ui.js"></script>
    <link href="css/default.css" rel="stylesheet" />
    <script src="js/jquery-3.1.1.js"></script>
    <script src="js/main.js"></script>
</head>
<body class="win-type-body">
    <div class="bodytype">A Row</div>
</body>
</html>


附件3
一排

有人能帮我理解我做错了什么吗？没有编译错误，应用程序加载正常，但当我尝试单击该行时，背景颜色不会改变。

确保您已经在html页面中附加了Jquery文件

转到main.js并编写以下内容

window.onload=函数（）{
$（“.bodytype”）。在（“单击”，函数（）{
console.log（'Clicked'）；
$（“.bodytype”）.css（“背景”、“蓝色”）；
});
}
`

看起来好像我已经解决了这个问题，如果有人想为此获得荣誉，那就简单地使用$（document）。ready（function（）{//code.}）@Barmar，这不是重复的，因为这与代码所在的位置无关。将代码放入

$（document）。ready（）

是副本中的解决方案之一。将

main.js

放在文档末尾也可以解决问题。@barmar它实际上与“承诺状态”有关，这是windows app的一项要求。documentready实现了这个承诺，这就是代码工作的原因，而不是因为在文档中向下移动它。代码在哪里并不重要。

    <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>App3</title>
    <link href="lib/winjs-4.0.1/css/ui-light.css" rel="stylesheet" />
    <script src="lib/winjs-4.0.1/js/base.js"></script>
    <script src="lib/winjs-4.0.1/js/ui.js"></script>
    <link href="css/default.css" rel="stylesheet" />
    <script src="js/jquery-3.1.1.js"></script>
    <script src="js/main.js"></script>
</head>
<body class="win-type-body">
    <div class="bodytype">A Row</div>
</body>
</html>