Jquery $.mobile.changePage而不是$.ajax

我是

jquerymobile

的新手，那么，如何从简单的

$.ajax（）

调用迁移到

$.mobile.changePage

我的普通ajax是这样的（从

单击
事件）：

基本上，所有ajax调用（一些简单的html）都将放在
$（“.content”）中

那么，如何使用
changePage

我试了一下，但他只是淡出了页面，什么也没发生，我想我的目标是失踪，不知道

$(".bottom-but-list li").on("click", function () {
    var content = $(this).attr("class").split(" ")[0]; // get the content to url

    $.mobile.changePage("mobile/" + content, {
        transition: "flip",
        reverse: true,
        changeHash: false,
        pageContainer: $("#page")
    });
});

html:

<div id="main-content" class="content">
     <!-- ajax should load here -->
 </div>



我遗漏了什么？
您尝试过使用$.mobile.loadPage（）吗？现在尝试一下，但什么都没有发生。$.mobile.changePage应该可以工作-它会在引擎盖下调用$.mobile.loadPage（）。我只是想知道你在控制台中是否有JS错误？语法看起来是正确的。我有点不明白为什么需要指定pageContainer。默认情况下，jQuery Mobile使用body作为容器，这通常是您想要使用的。pageContainer是我放置的，因为我试图在这个元素中加载ajax结果。假设我有
home.php
，在这个页面中，我有一个包含菜单和其他内容的基本结构，还有
div
.content
，其中
changePage
方法应该将结果放在其中。我在控制台中没有任何错误，请记住，我试图在
.content
中加载的另一个页面只有简单的html，没有
和其他任何内容。
<div id="main-content" class="content">
     <!-- ajax should load here -->
 </div>