Изменить страницу с функцией

Я новичок в 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 распознает функцию

Другие вопросы по тегам