2016-03-26 27 views
0

Ich habe ein Problem, wenn ich versuche, eine Phonegap bauen und testen Sie es auf meinem Android-Handy Javascript laufen nicht.Phonegap - Javascript funktioniert nicht

ich einfach config.xml-Datei haben, und es ist eine Vorschau der Kopf meiner index.html ist:

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

ich zwei HTML-Dateien, die index.html und die game.html, habe ich die die gleichen Links und Skripte im Kopf des Spiels.

Ich habe versucht, meinen Code auf dem zu setzen, aber das funktioniert nicht.

Ich habe einige Stunden suchen, aber ich kann das Problem lösen.

Danke für Ihre Hilfe!

+0

Sie haben 'cordova.js' und' phonegap.js' Erklärungen zweimal wiederholt. Löschen Sie die letzten 2 und löschen Sie 1 der anderen. Sie können nur eine Version von jQuery auf Ihrer Seite deklariert haben und einen passenden jQueryUI-Zusatz. –

+0

Vielen Dank, aber wo muss ich meinen Js-Code setzen? – Sanalol

Antwort

1

Sie sollten nur eine Version von jquery einschließen. Sie brauchen auch nicht cordova.js und phonegap.js, wählen Sie ein Skript.

Ihr Code kann viel sauberer aussehen:

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

Sie sollten die anderen Skriptdeklarationen einbeziehen und die redundanten entfernen, damit das OP weiß, worüber wir beide reden. –

+0

danke für die Antwort, aber ich verstehe nicht, was ist der "Rückerstattung". wo muss ich meinen js code setzen? – Sanalol

+0

@Sanalol schau dir das obige Beispiel an. Alle "redundanten" "

Verwandte Themen