$ .Mobile.changePage (); не сработать на моей следующей странице?

Question

я использую $.mobile.changePage(); для перехода на страницу.Что странно, на моей странице индекса это работает, но если я нажму на мою следующую страницу и вызову swipedown mobile.change, это не работает сейчас. Я знаю, что мое событие swipedown не является проблемой здесь, потому что попытался прокомментировать mobile.changepage и вставьте функцию оповещения, и она сработала.

Процесс: На моей странице индекса.$.mobile.changePage Работа с событиями

$(document).delegate('.front-page-down','swipedown', function (event) {
    $.mobile.changePage('#notification', { transition: "slidedown"});
});

Перейдите на следующую страницу, например, на страницу 2, и попытались вызвать мое событие смахивания, mobile.changePage не работает.

$(document).delegate('.sns-down','swipedown', function (event) {
    //$.mobile.changePage('#featured', { transition: "slidedown"}); // this don't work in my next page
    alert("BOOM SNS");
});

Кто-нибудь знает, почему этопроисходит?Функция changePage прилагается к функции делегата.Я не использую какую-либо функцию document.ready ().

К вашему сведению.Чтобы mobile.changePage работал на моей странице2, мне нужно обновить страницу вручную.хммм

помогите кому-нибудь.

Answer 1

Вот как я это сделаю с jQuery Mobile

$('.sns-down').each( function(){
    $(this).live('swipedown', function (event) {
        //$.mobile.changePage('#featured', { transition: "slidedown"}); // this don't work in my next page
        alert("BOOM SNS");
    });
});

если это не сработает .. вы можете попробовать перезагрузить jquery mobile для этой страницы:

$.mobile.activePage.page("destroy").page();

перед привязкой события swipedown.

Answer 2

Взгляните на по этой ссылке в разделе «Сценарии и стили в голове», в котором вы можете найти решение.поместите ваш скрипт в тег body, и тогда вам не нужно обновлять страницу!Я надеюсь, что это полезно для вас проблема