私の最初のPhoneGapアプリケーションには2つのHTMLファイルが含まれています。JsファイルをHTMLでロード
index.html
の最初の名前はindex.js
です。このファイルには、リスト項目が表示されます。私はそのリスト内の項目をクリックすると、それは、このことによってdetail.html
ファイルに私をもたらします:detail.html
ページで
$.mobile.changePage("detail.html", { transition: "slideup"});
OR
location.href = "detail.html";
、私はdetal.js
をロードします。しかし、それは動作しませんでした。 detail.js
で関数を使用できませんでした。
私にあなたの助言を与えてください、そして、例がありますか?
キャプチャ写真
<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>
コードを投稿できますか?特にdetail.html。 –
すべてのスクリプトタグにはタイプ属性が必要です。先頭のスクリプトタグは空で、削除することができます。 –