为什么我的英特尔 xdk 应用程序在安卓上运行不起作用？

我正在学习jQuery，我使用xdk构建了我的项目，但是正方形不移动(当按钮被点击时)。我在安卓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>

style.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;
}

script.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

尝试在包含<script src="indelxdk.js"></script>后再包含<script src="xhr.js"></script>

相关内容

最新更新

热门标签：