jquerymobile - pagecontainer并不一致

时间:2015-05-15 06:21:16

标签: javascript html cordova jquery-mobile phonegap-build

我有两个html页面(jquerymobile ver 1.4.5)

的index.html

AcroFields

$(“:mobile-pagecontainer”)。pagecontainer代码不能始终如一地工作。当我在phonegap构建中运行它时,它会显示

            $.when( $.ajax({
                    url: '/login', 
                    data: {username:u, password:p},
                    contentType:'application/json',
                    type: 'post',
                    dataType: 'json' 
                })
            ).then(function( data, textStatus, jqXHR ) {
                if(data.status == SUCCESS) {
                    $(":mobile-pagecontainer").pagecontainer("load", "home.html"); //<-- this doesnt work always. 
                } else {
                    showMessage(data.message, 'error');
                }
            });

但屏幕上的页面仍显示index.html

当它重新加载home.html时,我有一个注销按钮。当用户点击它时,我有同样的问题将其重定向回index.html

1 个答案:

答案 0 :(得分:0)

基本上负载是为了 从服务器加载数据并将返回的HTML放入匹配的元素中 有时它可能无法从本地加载数据 您可以使用&#39;更改&#39;而不是“加载”#39;如下,
$(&#34;:mobile-pagecontainer&#34;)。pagecontainer(&#34;更改&#34;,&#34; test.html&#34;,{transition:&#34; slide&#34;  });