Jquery mobile 使用函数更改页面

我是Javascript和HTML新手。 我找不到我做错了什么，我的目标是：

在虚拟登录页面中，我单击登录按钮，它会将我带到一个页面，在该页面中，它会从MovieDB API加载漫画书

问题是它不会更改为漫画书页面：

以下是工作代码：

有关守则：

function goToListView() {
$(':mobile-pagecontainer').pagecontainer('change', '#listMenuPage', {
    transition: 'pop',
    changeHash: false,
    reverse: true,
    showLoadMsg: true
});

}

---

PS:不要在jsfiddle中尝试，在您的html文件中尝试，因为jsfiddle无法识别函数

而不是按钮上的内联代码，请将其移动到登录页面的页面创建中：

$(document).on("pagecreate", "#loginPage", function(){
    $("#btnLogin").on("click", function(){
        goToListView();
        return false;
    });
});

这是您的更新版（和简化版）

---

注意：在fiddle中，我将代码设置为“

No Wrap-in

”

我读到，从jQuery Mobile 1.4开始，$.Mobile.changePage（）已被弃用，并替换为：$（“：Mobile pagecontainer”）.pagecontainer（“更改”，“目标”，{options}）；啊，我真的没有那么多地使用jQuery mobile，请忽略我之前的评论。我已将其删除。不要使用内联JS，请添加侦听器。使用

a

代替

按钮

。它现在有一个奇怪的行为，当我点击登录按钮时，漫画书页面出现了一秒钟，然后它返回到登录页面：（我会看看，请等待有人给了你一个-1，所以我用我的+1为你重置它：）

$(document).on("pagecreate", "#loginPage", function(){
    $("#btnLogin").on("click", function(){
        goToListView();
        return false;
    });
});