2

コード Index.html

<div data-role="page" id="index">
    <div data-role="header">
        <h3>
            First Page
        </h3>
    </div>
    <div id="data">

    </div>
    <div data-role="content">
        <button data-role="button" id="changePage">Pass parameters with changePage function</button>
        <a href="second.html"  data-role="button">Or through a basic link</a>
    </div>
</div>

と私のjsファイル

 $(document).on('tap', "#changePage",function () {     
              $.mobile.changePage('second.html', { reloadPage : false, changeHash : true });
    }); 

と second.html

<div data-role="page" id="second">
    <div data-role="header">
        <h3>
            Second Page
        </h3>
    </div>
    <div data-role="content">
<div id="data"></div>
    <div data-role="button" id="clickBtn">click me</div>
    <div data-role="button" id="paqeBtn">change Page</div>
  </div>
 </div>

これらのファイルはすべて、PhoneGap/Cordova を使用してパッケージ化され、デバイス上で実行されます。

基本的に、JS ファイルの ID #changePage にバインドして、タップ イベントで $.mobile.changePage("second.html") を使用して、second.html を index.html ページにロードしようとしています。

これは完全に正常に機能しています

  • Androidフォン

  • Internet Explorer 9 および 10

  • Webkit ブラウザ

しかし問題は、上記のコードが Windows Phone 8 で動作しないことです。

私がテストしているデバイスはNokia Lumia 920で、 使用される Jquery フレームワークは

  • jquery.mobile-1.3.2.js

  • jquery-2.0.3.js

また、$.ajax を dataType:"html" および $.load 関数として使用してみましたが、これらはすべて、上記の他の環境では Window Phone 8 (上記のデバイス) を除いて完全に正常に機能しました。

私もこれに従いました

Window Phone 向けの StackOverflow ソリューション

何も機能しませんでした!!!!!

4

4 に答える 4