Phonegap - Javascript 不工作答案

【问题标题】：Phonegap - Javascript don't workingPhonegap - Javascript 不工作
【发布时间】：2016-03-26 01:39:34
【问题描述】：

我有一个问题，当我尝试在我的 android 手机上构建 phonegap 并对其进行测试时，javascript 无法运行。

我有一个简单的 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>

我有两个 html 文件，index.html 和 game.html，我在游戏的头部有相同的链接和脚本。

我已尝试将我的代码放在上面，但那不起作用。

我已经搜索了几个小时，但我可以解决问题。

感谢您的帮助！

【问题讨论】：

您的 cordova.js 和 phonegap.js 声明重复了两次。删除最后2个并删除其他1个。您的页面中只能声明 1 个版本的 jQuery，并添加一个匹配的 jQueryUI。
非常感谢，但是我需要把我的 js 代码放在哪里？

标签： javascript android html cordova

【解决方案1】：

您应该只包含一个版本的 jquery。另外你不需要cordova.js和phonegap.js，选择一个脚本。

您的代码可能看起来更干净：

<!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>

【讨论】：

您应该包含其他脚本声明并删除多余的声明，以便 OP 知道我们在说什么。
感谢您的回答，但我不明白什么是“退款”。我需要把我的 js 代码放在哪里？
@Sanalol 看看上面的例子。所有“冗余”<script> 标签都被删除。虽然，看起来他完全删除了jquery.min.js，但保留了jquery-ui.min.js。如果你不知道我们在说什么，我们无能为力。到时候我建议找个程序员朋友来指导你。
@Sanalol，如果你不明白“冗余”代表什么，试着回答一下，你为什么要包含每个脚本和 css，也许这样你会进入这个。
感谢您的回答，抱歉我不太懂英语，现在可以了。我的 js 脚本需要在标签中吗？非常感谢