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