2013-04-02 2 views
1

Я хочу, чтобы иметь возможность вернуться на предыдущую страницу в функции javascript (проект Android и HTML5). Я могу вернуться к предыдущей странице через history.back(), однако этот код не будет отходить назад.Слайд-шоу назад к предыдущей странице программно

Возможно ли это сделать скользящий?

ответ

2

Размах решение

Вот рабочий пример: http://jsfiddle.net/Gajotres/ru3D3/

$(document).off('swipeleft').on('swipeleft', 'article', function(event){  
    var nextpage = $.mobile.activePage.next('article[data-role="page"]'); 
    // swipe using id of next page if exists 
    if (nextpage.length > 0) { 
     $.mobile.changePage(nextpage, {transition: "slide", reverse: false}, true, true); 
    }  
}); 

$(document).off('swiperight').on('swiperight', 'article', function(event){  
    history.back(); 
    return false; 
    event.handled = true; 
}); 

Этот код используется для возврата к предыдущей странице:

history.back(); 
return false; 

В этой строке:

$(document).off('swiperight').on('swiperight' 

.off (..) используется для предотвращения множественного связывания события swipe во время переходов страницы. Если у вас есть больше вопросов, не стесняйтесь спрашивать.

Кнопка решения:

Рабочий пример также здесь: http://jsfiddle.net/Gajotres/ru3D3/

$(document).on('pagebeforeshow', '[ data-role="page"]', function(){ 
    $(document).off('click touchStart').on('click touchStart', '#slide-back-btn', function(){  
     history.back(); 
     return false;  
    });  
});   
+1

установка '$ .mobile.changePage ("../ MYPAGE # MyTag", {переход: 'слайд', обратная сторона: правда }); 'сделал трюк – Daniel

Смежные вопросы