mobile.changePage（）在功能中不起作用

Question

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

我正在使用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 。

Answer 1

您的页面不变的原因是，它永远不会进入if循环。 在其他执行没错，但方法.getItem() 不返回布尔类型。 要检查您的密钥是否已实际设置，应检查是否为null。 因此您的代码看起来会更像这样：

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因为它将按照其文档http://api.jquerymobile.com/jQuery.mobile.changePage/中所述从jQuery mobile 1.5中删除。

我希望这有帮助。 祝您新年快乐！

Answer 2

您是否尝试过使用此方法？

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

我认为JQMobile官方网站建议使用此版本而不是您使用的版本。

mobile.changePage（）在功能中不起作用

问题描述

2 个解决方案

解决方案1
0 2014-12-26 13:19:39

解决方案2
0 2014-12-26 15:25:07

mobile.changePage（）在功能中不起作用

问题描述

2 个解决方案

解决方案1 0 2014-12-26 13:19:39

解决方案2 0 2014-12-26 15:25:07

解决方案1
0 2014-12-26 13:19:39

解决方案2
0 2014-12-26 15:25:07