Изменить страницу с функцией
Я новичок в Javascript и HTML. Я не могу понять, что я делаю неправильно, моя цель:
На фиктивной странице входа в систему я нажимаю кнопку входа в систему, и она переходит на страницу, на которой загружаются комиксы из API themoviedb.
Проблема в том, что это не изменится на странице комиксов:
Вот рабочий код: ссылка JSFiddle
Код в вопросе:
function goToListView() {
$(':mobile-pagecontainer').pagecontainer('change', '#listMenuPage', {
transition: 'pop',
changeHash: false,
reverse: true,
showLoadMsg: true
});
}
2 ответа
Решение
Вместо встроенного кода на вашей кнопке, переместите его в страницу создания страницы входа в систему:
$(document).on("pagecreate", "#loginPage", function(){
$("#btnLogin").on("click", function(){
goToListView();
return false;
});
});
Вот ваша обновленная (и упрощенная) FIDDLE
Примечание: в скрипте я установил код "No Wrap - in <body>
"
function goToListView() {
$.mobile.changePage('#listMenuPage');
}
PS: не пробуйте в jsfiddle, пробуйте в html-файле, потому что jsfiddle donest распознает функцию