2013-04-09 13 views
6

Meine erste PhoneGap-Anwendung enthält 2 HTML-Dateien.laden Js-Datei in HTML

Die erste heißt index.html, die index.js verwendet. Diese Datei zeigt ein Listenelement an. Wenn ich in dieser Liste ein Element klicken, es bringt mich zu detail.html Datei durch die:

$.mobile.changePage("detail.html", { transition: "slideup"}); 

ODER

location.href = "detail.html"; 

Auf der detail.html Seite, ich detal.js laden. Es hat jedoch nicht funktioniert. Ich konnte Funktionen in detail.js nicht verwenden.

Bitte geben Sie mir Ihren Rat und es gibt ein Beispiel?

Capture-Foto

<link rel="stylesheet" href="css/jquery.mobile.structure-1.3.0.min.css" /> 
    <link rel="stylesheet" href="css/jquery.mobile-1.3.0.min.css" /> 
    <link rel="stylesheet" href="css/getAbstract.min.css" /> 
    <script src="js/jquery-1.9.0.min.js"></script> 
    <script src="js/jquery.mobile-1.3.0.min.js"></script> 
    <script src="js/jquery.ba-dotimeout.js"></script> 
    <script src="js/jquery.dst.js"></script> 

    <script type="text/javascript" charset="utf-8" src="js/cordova-2.5.0.js"></script> 
    <script type="text/javascript" charset="utf-8"></script> 


</head> 
<body> 

    <div data-role = "page" data-theme = "a" id = "pageContainer"> 
     <!--Start Page Header --> 
     <div data-role = "header" id = "pageHeader" data-nobackbtn = "true" data-position = "fixed"> 
      <h1>Camera</h1> 
     </div> 
     <!--End Page Header --> 

     <!--Start Page Content--> 
     <div data-role = "content" id= "pageContent"> 
      <a data-role = "button" id = "btnCaptureEdit" href = "">Capture Edit</a> 
      <a data-role = "button" id = "btnLibraryPhoto" href = "">Get Photo From Library</a> 
      <a data-role = "button" id = "btnAlbumPhoto" href = "">Get Photo From Album</a> 
     </div> 
     <!--End Page Content--> 

     <!--Start Page Footer--> 
     <div data-role = "footer" id = "pageFooter"> 
     </div> 
     <!--End Page Footer--> 

    </div> 
    <script src="js/detail.js"></script> 

</body> 

</html> 
+3

Können Sie Ihren Code bitte posten? Besonders detail.html. –

+0

Alle Ihre Skript-Tags sollten Typattribute haben. Das letzte Skript-Tag im Kopf ist leer und könnte entfernt werden. –

Antwort

6

Wenn dies Ihr detail.html Ich sehe nicht, wo Sie detail.js laden Sie? Vielleicht

<script src="js/index.js"></script> 

sollte diese

<script src="js/detail.js"></script> 

sein?

+0

Ich habe unten geladen. du kannst sehen. –

+0

Wenn ich detail.html Datei im Webbrowser ausführe, funktionierte es gut, aber wenn ich Iphone Simulator laufen lasse, hat es nicht funktioniert. –

+0

Hat nicht funktioniert wie? Was war der Fehler? –