更改功能页面

我刚接触Javascript和HTML。我找不到我做错了什么，我的目标是：更改功能页面

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

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

这里是工作代码：JSFiddle link

代码中的问题：

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

}

来源

2014-07-25 Bruno

我读过jQuery Mobile 1.4以前的版本，$ .mobile.changePage（）已被弃用，并替换为： $（“：mobile-pagecontainer”）。pagecontainer（“change”，“target”，{options}） ; – Bruno

啊，我还没有真正使用过jQuery手机，请忽略我以前的评论。我删除了它。 – bearoplane

不要使用_inline_ JS，添加监听器。使用'a'而不是'button'。 http://jsfiddle.net/Palestinian/yTt9b/381/ – Omar

，而不是在您的按钮内嵌代码，将其移动到登录页面的pagecreate：

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

这里是你的更新（和简化的）FIDDLE

注：在拨弄我设置代码为 “No Wrap - in <body>”

来源

2014-07-25 17:35:07 ezanker

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

PS：不要试试我吨的jsfiddle尝试在你的HTML文件becouse莫名其妙的jsfiddle donest识别功能

来源

2014-07-25 15:17:12 Youness

它现在有一个奇怪的行为，当我点击登录按钮，漫画书页面出现一秒钟，他们回到登录页面:( – Bruno

我会看到它，请等待 – Youness

有人给你一个-1，所以我重置它为雅我的+1 :) – Bruno

更改功能页面

回答

相关问题