gpt4 book ai didi

javascript - 为什么我的英特尔 xdk 应用程序无法在 Android 上运行?

转载 作者:行者123 更新时间:2023-11-28 08:08:48 24 4
gpt4 key购买 nike

我正在学习 jQuery,并使用 xdk 构建了我的项目,但方 block 没有移动(单击按钮时)。我在android 4.4上检查过。什么也没有(它在我的电脑上运行)。你能帮助我吗?这是我的代码: http://jsfiddle.net/T9y7t/

index.html:

<!doctype html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0;" />
<link rel="stylesheet" type="text/css" href="style.css">
<script src="http://code.jquery.com/jquery-1.11.1.min.js">
</script>
<script src="intelxdk.js"> </script>
<script src="script.js"></script>

</head>

<body>
<div id="container">
<div id="all">
<input id="up" type="button" value="UP">
<br>
<input id="lewy" type="button" value="LEWO">
<input id="prawy" type="button" value="PRAWO">
<br>
<input id="down" type="button" value="DOWN">
<div id="game">
<div id="cube">
</div>
</div>
</div>
</div>
</body>

样式.css:

html, body{
margin:0;
padding:0;
height:100%;
}
body, div, h1, h2, h3, ul, li, span, img, input {
margin:0; padding: 0; border: 0;
}
body{
background-color: black;
}
#container {


}

#all{
font-size: 20px;
color:white;
display: block;
text-align: center;
margin-left:auto;
margin-right: auto;
width: auto;
height: auto;
background-color: :white;

}
input {
height: 100px;
width: 100px;
}

#game{
margin-left: auto;
margin-right: auto;
position: relative;
top:+10px;
display: block;
background-color: yellow;
width: 200px;
height: 200px;



}

#cube{
position: relative;
background-color: black;
width: 10px;
height: 10px;
left:0px;
top:0px;
}

脚本.js:

$(document).ready(function () {

var left = $("#lewy");
var right = $("#prawy");
var cube = $("#cube");
var up = $("#up");
var down = $("#down");
var krok = "10px";
left.click(function () {
cube.animate({
left: "-=" + krok
}, "fast");
intel.xdk.notification.vibrate();
});
right.click(function () {
cube.animate({
left: "+=" + krok
}, "fast");
intel.xdk.notification.vibrate();
});
down.click(function () {
cube.animate({
top: "+=" + krok
}, "fast");
intel.xdk.notification.vibrate();
});
up.click(function () {
cube.animate({
top: "-=" + krok
}, "fast");
intel.xdk.notification.vibrate();
});

});

编辑:我尝试了其他构建选项(人行横道/ Cordova ),但仍然一无所获

最佳答案

是的,有时可能会发生,因为移动设备是不同的平台,而网络是不同的

如果您的应用程序在模拟器中运行,但在设备中运行失败,则该 api 会因跨域访问而被阻止,这也是您的代码无法在任何浏览器中运行的原因。但有一种方法可以让它在英特尔 XDK 应用程序中工作,只需在 intelxdk.js 脚本包含之后添加即可。然后它将在设备上运行。

有关 AJAX 和 XDK 的更多信息:http://software.intel.com/en-us/html5/articles/how-to-access-JSON-data-in-HTML5-apps

关于javascript - 为什么我的英特尔 xdk 应用程序无法在 Android 上运行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24504985/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com