Как смахнуть с одной HTML-страницы на другую с помощью jquery mobile - PullRequest
Новая
       7

Как смахнуть с одной HTML-страницы на другую с помощью jquery mobile

3 голосов
/ 22 декабря 2011

Я работаю над мобильным проектом jquery.У меня есть две страницы HTML.Из index.html у меня есть событие swipeleft для page.html, и он работает нормально.Из page.html я хочу использовать swiperight, поэтому я возвращаюсь к index.html, но это не сработает.

Код работает нормально, если я пролистываю внутренние страницы внутри одного документа, но не между HTML-страницами.И мне нужно использовать несколько html-страниц.

Кто-нибудь заставил это работать?Был бы признателен за ответы.

Это мой код смахивания на моей странице index.html: 

<script>
$(document).ready(function() {

$("#main").bind('swipeleft',function(event, ui){
        $.mobile.changePage("page.html", "slide");
})

})
</script>

А это мой код для моей page.html: 

<script>
$(document).ready(function() {

$("#main").bind('swiperight',function(event, ui){
        $.mobile.changePage("index.html", "slide");
})

})
</script>

Ответы [ 3 ]

0 голосов
/ 03 апреля 2012

Тот же вопрос, который я задал здесь .. jQuery Mobile - Размах - нулевое происхождение не разрешено Access-Control-Allow-Origin

  1. Вы должны добавить после тегов на каждой странице.
  2. Вместо $ .mobile.changePage () я использовал location = "index.html" и location = "page.html". Скользящая анимация отсутствует, но смахивание происходит.
0 голосов
/ 04 сентября 2013

Я использую приведенный ниже код на всех страницах, чтобы перемещаться по экрану, он отлично работает на всех страницах, но это не скользящая анимация.

$("#main").bind('swipeleft',function(event, ui){
      goPage1();
})
$("#main").bind('swiperight',function(event, ui){
      goPage2();
})  

function goPage1(){
   var dirPath = dirname(location.href);
   var fullPath = dirPath + "/page1.html";
   window.location=fullPath;
}

function goPage2(){
    var dirPath = dirname(location.href);
    var fullPath = dirPath + "/page2.html";
    window.location=fullPath;
}
function dirname(path){
    return path.replace(/\\/g,'/').replace(/\/[^\/]*$/, '');
}
0 голосов
/ 23 декабря 2011

Вы не должны использовать $ .ready (), вместо этого вы должны использовать pageInit () .
Также убедитесь, что все идентификаторы на ваших страницах уникальны для всех страниц, а не просто уникальны.для страницы.

...