Question

我正在开发一个带有phoneGap的移动应用程序，它内部有一个简单的页面。用户点击按钮后，它从服务器端加载新的页面，而不是调用changepage我使用ajax从服务器加载页面然后将它附加到body。当用户完成它并返回时我从body中删除该页面。但是如果用户再次单击该按钮，它必须从服务器再次重新加载该内容（它是那么多动态内容）并附加到正文和navigage。在我的程序第一次是好的，但第二次加载内容但不能更改页面（我检查正文html和页面在那里）。

ajax load和appne source：

 $.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 version 1.0

Answer 1

使用jquery mobile 1.0的原因是应用程序是在很久以前使用该版本开发的，我不得不改变这么多事情。但最后我没有其他解决方案，所以我去了jquery mobile 1.3.1它解决了问题（我不知道是什么原因）。

移动后jquery mobile不会导航并附加到正文

1 个答案: