2014-07-25 60 views
0

我剛接觸Javascript和HTML。 我找不到我做錯了什麼,我的目標是:更改功能頁面

從虛擬登錄頁面,我點擊登錄按鈕,它帶我到一個頁面,它從themoviedb API加載漫畫書。

的問題是,它不會改變的漫畫書頁:

這裏是工作代碼:JSFiddle link

代碼中的問題:

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

}

+0

我讀過jQuery Mobile 1.4以前的版本,$ .mobile.changePage()已被棄用,並替換爲: $(「:mobile-pagecontainer」)。pagecontainer(「change」,「target」,{options}) ; – Bruno

+0

啊,我還沒有真正使用過jQuery手機,請忽略我以前的評論。我刪除了它。 – bearoplane

+0

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

回答

1

,而不是在您的按鈕內嵌代碼,將其移動到登錄頁面的pagecreate:

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

這裏是你的更新(和簡化的)FIDDLE

注:在撥弄我設置代碼爲 「No Wrap - in <body>

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

PS:不要試試我噸的jsfiddle嘗試在你的HTML文件becouse莫名其妙的jsfiddle donest識別功能

+0

它現在有一個奇怪的行爲,當我點擊登錄按鈕,漫畫書頁面出現一秒鐘,他們回到登錄頁面:( – Bruno

+0

我會看到它,請等待 – Youness

+0

有人給你一個-1,所以我重置它爲雅我的+1 :) – Bruno