Question

我正在学习jQuery并且我使用xdk构建了我的项目，但是方形没有移动（当点击按钮时）。我在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>

的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();
    });

});

编辑：我尝试了其他构建选项（crosswalk / cordova），但仍然没有

Answer 1

是的，有时可能会发生这种情况，因为移动设备是不同的平台，网络是不同的

如果您的应用在模拟器中工作但在设备中无效，那么由于跨域访问，api被阻止，这与您的代码无法在任何浏览器中工作的原因相同。但是有一种方法可以让它在英特尔XDK应用程序中运行，只需在你的intelxdk.js脚本包含后添加。然后它将在设备上运行。

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

Answer 2

在<script src="xhr.js"></script>加入后尝试添加<script src="indelxdk.js"></script>。

为什么我的intel xdk应用程序不能在android上运行？

2 个答案: