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>
Können Sie Ihren Code bitte posten? Besonders detail.html. –
Alle Ihre Skript-Tags sollten Typattribute haben. Das letzte Skript-Tag im Kopf ist leer und könnte entfernt werden. –