Question

我是Javascript和HTML的新手。我无法找到我做错的事，我的目标是：

从虚拟登录页面，我点击登录按钮，它将带我到一个页面，在那里它从themoviedb API加载漫画书。

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

以下是工作代码：JSFiddle link

有问题的代码：

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

}

Answer 1

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

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

以下是您更新的（并简化的） FIDDLE

注意：在小提琴中我将代码设置为＆＃34; No Wrap - in <body>＆＃34;

Answer 2

function goToListView() {
    $.mobile.changePage('#listMenuPage');
   }

PS：不要在jsfiddle中尝试它在你的html文件中试试吧因为某种方式jsfiddle完成了识别功能

用功能更改页面

2 个答案: