简体   繁体   English

Phonegap-Javascript不起作用

[英]Phonegap - Javascript don't working

I have a problem, when i try to make a phonegap build and test it on my android phone javascript don't run. 我有一个问题,当我尝试建立一个phonegap版本并在我的android手机javascript上对其进行测试时,它无法运行。

I have simple config.xml file, and there is a preview of my index.html's head : 我有一个简单的config.xml文件,并且有index.html头部的预览:

<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>My app</title>

<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script  type="text/javascript" src = "phonegap.js" > </script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1, user-scalable=yes">
<link href='https://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="Mobile_style.css"><link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<link href='https://fonts.googleapis.com/css?family=Quicksand:700' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script  type="text/javascript" src = "phonegap.js" > </script>
<script type="text/javascript" charset="utf-8">

function onBodyLoad()
        {                    
            document.addEventListener("deviceready", onDeviceReady, false);
        }


        function onDeviceReady()
        {
            // do your thing!
        }   
   </script>

  <script type="text/javascript">
  window.onload = function()
  {

      MY JS CODE

}
</script>
</head>
<body onload="onBodyLoad()">

      MY HTML

</body>

I have two html files, the index.html and the game.html, i have the same links and scripts in the game's head. 我有两个html文件,即index.html和game.html,我在游戏的头部具有相同的链接和脚本。

i have try to put my code on the but thats not working. 我已经尝试将我的代码放在,但是那是行不通的。

I have search some hours but i can solve the problem. 我已经搜索了几个小时,但我可以解决问题。

Thanks for your help ! 谢谢你的帮助 !

You should include only one version of jquery. 您应该只包括一个版本的jquery。 Also you don't need both cordova.js and phonegap.js, choose one script. 另外,您不需要cordova.js和phonegap.js,选择一个脚本。

Your code may look much more cleaner: 您的代码看起来更简洁:

<!doctype html>
<html lang="fr">
<head>
    <meta charset="utf-8">
    <title>My app</title>


    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1, user-scalable=yes">

    <link rel="stylesheet" href="Mobile_style.css">
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
    <link href='https://fonts.googleapis.com/css?family=Quicksand:700' rel='stylesheet' type='text/css'>

    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
    <script type="text/javascript" src="phonegap.js"></script>

    <script type="text/javascript" charset="utf-8">

        document.addEventListener("deviceready", onDeviceReady, false);

        function onDeviceReady() {
            alert("Device is ready");
        }

    </script>
</head>
<body>

    MY HTML

</body>
</html>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM