0

我正在开发一个带有phoneGap的移动应用程序，它里面有一个简单的页面。用户点击按钮后，它从服务器加载新页面，女巫在外面。所以我没有调用changepage，而是使用ajax从服务器加载页面，然后附加它到正文。当用户完成并返回时，我从正文中删除该页面。但是如果用户再次单击该按钮，它必须再次从服务器重新加载该内容（它是动态内容）并附加到正文和导航。在我的程序中，第一次还可以，但第二次加载内容但无法更改页面到该页面（我检查了正文 html 并且页面在那里）。

ajax 加载和 appne 源：

 $.ajax({
        type: 'GET',
        url: pageUrl,
        success: function (result) {
            // alert(result);

            $("body").append(result);
             //alert($("body").html());
            $.mobile.initializePage();


            $.mobile.changePage("#pageloaded",
                { transition: "slide", showLoadMsg: true, changeHash: true });
            alert("done");
        }
    });

当用户返回时：

$("#pageloaded").remove();
alert("removed");

服务器页面：

<div data-role="page"  id="pageloaded"><div data-role="header"><h1>Head</h1></div><div data-role="content">Content</div><div data-role="footer"><h4>Foot</h4></div></div>

警报确认一切顺利，但在第二次加载时它不会导航并停留在当前页面上。

这里有什么问题？任何帮助真的很感激。 注：jquery mobile 1.0版

4

1 回答 1

0

使用的原因jquery mobile 1.0是应用程序是使用该版本开发的，我不得不更改很多东西才能这样做。但最后我没有其他解决方案，所以我去了jquery mobile 1.3.1，它解决了问题（我有不知道是什么原因）。

于 2013-07-03T04:11:28.857 回答