PhoneGap 和 JQuery Mobile 产生黑屏答案

【问题标题】：PhoneGap and JQuery Mobile producing blank screenPhoneGap 和 JQuery Mobile 产生黑屏
【发布时间】：2015-08-27 07:23:18
【问题描述】：

我正在尝试制作一个带有初始登录屏幕的基本应用程序，该应用程序会将我带到主屏幕，然后我可以在其中选择不同的页面。

我在 Windows 7 PC 上，并在 iPhone6 和 Android 设备上使用 PhoneGap Desktop 编译到 phonegap。

我已将我的 ajax 调用简化为基础知识来尝试解决问题，但没有任何乐趣：

$(document).on('click', '#submit', function() { 
    $.ajax({url: 'http://192.168.42.223/server/login.php',
        data: {action : 'login', formData :   $('#login').serialize()}, 
        type: 'post',                   
        async: true,
        dataType: 'json',
        success: function (result) {
            if(result.status == true) {
                alert("OK");                                
                $.mobile.changePage("/index.html",  {
                    allowSamePageTransition : true,
                    transition              : 'none',
                    showLoadMsg             : false,
                    reloadPage              : true
                });
            } else {
                alert('Logon unsuccessful!'); 
            }


        },
        error: function (request, status, error) {
            alert('Fail!');
        }
    });                   

    return false; 
});

现在来点有趣的... [PhoneGap 桌面] 如果我在页面中输入登录详细信息并点击提交，我会被发送到一个空白页面（我的页眉和页脚仍然显示）。

[PC 或移动设备上的 Chrome 浏览器] 如果我在页面中输入登录详细信息并点击提交，我会被发送到正确的页面并且一切正常。

[波纹模拟器] 如果我在页面中输入登录详细信息并点击提交，我会被发送到正确的页面并且一切正常。

应用程序的结构使得在进入 index.html 时，如果用户没有登录（使用本地存储作为会话持有者），那么他/她会被重定向到 /page/login.html。登录后，他们会返回 /index.html，主屏幕将显示他们的选项。

【问题讨论】：

标签： jquery cordova jquery-mobile phonegap-build phonegap-desktop-app

【解决方案1】：

如果有人遇到同样的问题，答案是更换
$.mobile.changePage("/index.html", { allowSamePageTransition ：真，过渡：'无'，显示负载消息：假，重载页面：真 });

与 $.mobile.changePage("./index.html", { allowSamePageTransition ：真，过渡：'无'，显示负载消息：假，重载页面：真 });

【讨论】：