mobile.changePage() 在功能中不起作用答案

【问题标题】：mobile.changePage() not working in functionmobile.changePage() 在功能中不起作用
【发布时间】：2014-12-26 12:35:18
【问题描述】：

我编写了一个简单的代码来创建一个“启动画面”。

我使用localstorage 存储我的数据。如果我第一次加载它，我会从 URL 获取数据，我可以使用 $.mobile.changePage() 更改页面。但如果localstorage 数据已经存储，更改页面代码将不起作用。

function HOME() {
    if (window.localStorage.getItem('newhome')) {
        $.mobile.changePage("#pageone", {
            transition: "none",
            changeHash: false
        });
    } else {
        $.get('http:/someurl', function (data) { //comment this line if we make apk
            window.localStorage.setItem('newhome', JSON.stringify(data));
        }).done(function (data) {
            $.mobile.changePage("#pageone", {
                transition: "none",
                changeHash: false
            });
        });
    }
}

<body>
  <div id="splash" data-role="page"><h1>splash here</h1></div>
  <div id="pageone" data-role="page"><p>my content here</p></div>
</body>

如果我运行不同的功能，例如console.log，他们工作，但不是 $.mobile.changePage。

【问题讨论】：

通过添加 setTimeOut 1 秒来解决此问题。
这是在事件处理程序中调用的吗？
这取决于你什么时候调用HOME()函数。初始化 jQM 后，它将直接带您到 DOM 中的第一个 page div。
@Omar 以及正确的方法需要做什么？请告诉我
@Omar 在当前时间，有时（但并不总是它仍然返回到第一个 div。同时我将时间设置为 3 秒。

标签： javascript jquery html cordova jquery-mobile

【解决方案1】：

你试过用这个吗？

$(":mobile-pagecontainer").pagecontainer("change","#newpage");

我认为 JQMobile 官方网站建议使用这个而不是你使用的那个。

【讨论】：

是的，仍然有效，但我曾经在 changePage 和这种新方法上遇到过很多问题，没有...所以我想也许它可以解决他的问题。

【解决方案2】：

您的页面没有改变的原因是它从未进入 if 循环。 else 是执行的，但是 .getItem() 方法确实 not 返回一个 Boolean 类型。要检查您的密钥是否实际设置，您应该检查空值。所以你的代码看起来更像这样：

if (localStorage.getItem("username") === null) {
$.get('http://www.thejewishinsights.com/wp/wp-json/posts', function (data) { //comment this line if we make apk
        window.localStorage.setItem('newhome', JSON.stringify(data));
    }).done(function (data) {
        $.mobile.changePage("#pageone", {
            transition: "none",
            changeHash: false
        });
    });
}
else{
$.mobile.changePage("#pageone", {
        transition: "none",
        changeHash: false
    });
}

我没有检查代码，但你应该明白了。我也建议不要使用.changePage，因为它会从 jQuery mobile 1.5 中删除，如他们的文档中所述http://api.jquerymobile.com/jQuery.mobile.changePage/

我希望这会有所帮助。干杯，新年快乐！

【讨论】：

你没看书？代码工作正确。我一直在这个功能中
我不知道你们外面的其他代码是什么样的，所以我唯一能得出的结论是你应该使用另一种方法在页面之间进行更改。我会比找出你错在哪里更容易。
我觉得你有点粗鲁......认为他是想帮助你，所以说“你不读书？”让其他人三思而后行帮助你...
我不知道为什么我被否决了。你的问题不清楚？我猜不出你的其余代码。