2013-04-09 13 views
6

私の最初の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> 
+3

コードを投稿できますか?特にdetail.html。 –

+0

すべてのスクリプトタグにはタイプ属性が必要です。先頭のスクリプトタグは空で、削除することができます。 –

答えて

6

これはあなたのdetail.htmlであれば、私はどこにdetail.jsをロードします表示されないのですか? 多分これ

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

この

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

すべきですか?

+0

を最後にロードしました。あなたは見ることができます。 –

+0

ウェブブラウザでdetail.htmlファイルを実行するとうまくいきましたが、iphoneシミュレータを実行するとうまく動作しませんでした。 –

+0

どのように動作しませんでしたか?エラーは何ですか? –

関連する問題