javascript - jquery mobile $.mobile.changePage() Windows phone 8 不工作 Cordova/PhoneGap

Question

代码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 });
    }); 

和第二个.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 打包并在设备上运行。

基本上，我试图通过绑定(bind)到我的 JS 文件中的 ID #changePage，在点击事件上使用 $.mobile.changePage("second.html") 将 second.html 加载到 index.html 页面中。

这在

中工作得很好

• 安卓手机

• 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(上述设备)中除外

我也关注了这个

StackOverflow solution for Window phones

什么都没用!!!!!!

Answer 1

var url = window.location.href;
                            url = url.split('#').pop().split('?').pop();
                            url = url.replace(url.substring(url.lastIndexOf('/') + 1),"second.html");
                            $.mobile.changePage(url, { reloadPage : false, changeHash : false });

我使用了 OMAR jquery 1.9.1 建议的 Jquery。但仍然需要在将 URL 传递到移动更改页面之前对其进行解析。上面的代码工作得很好。

以上代码仍然不适用于 Jquery 2.0+，请改用 1.9.x 版本!! -

我的建议是不要为 Windows Phone 使用 jquery 2.0+

它不适用于 Window Phone，包括 $.ajax、$.load、$.get 等 Ajax 调用