コード 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 ソリューション
何も機能しませんでした!!!!!