html JQuery Мобильная версия Swipe

Question

Может ли кто-нибудь поставить меня в правильном направлении, получить 3 страницы на веб-сайте и включить элементы салфетки из JQuery mobile, для использования iPad. Мне удалось прокручивать с первой страницы (введение) в следующую страница (Обзор) и back..but не может красть дальше в сайт на третьей странице (Свойства) из (Обзор страницы) swipeleft ... Heres мой код:

Первая ...

<script type="text/javascript"> 
$(function() { 
     $("body").live('swiperight', function (event, ui) { 
      $.mobile.changePage("introduction.html", "slide"); 
     }); 

     $("body").live('swipeleft', function (event, ui) { 
      $.mobile.changePage("overview.html", "slide"); 
     }); 
    }); 
</script> 

Вторая страница ...

<script type="text/javascript"> 
$(function() { 
     $("body").live('swiperight', function (event, ui) { 
      $.mobile.changePage("introduction.html", "slide"); 
     }); 

     $("body").live('swipeleft', function (event, ui) { 
      $.mobile.changePage("properties.html", "slide"); 
     }); 
    }); 
</script> 

Answer 1

при использовании changePage, jQuery mobile не отправляет вас на новую страницу. Он только захватит часть (в вашем случае это тело) новой страницы и загрузится на текущую страницу.

Итак, после первого прокрутки вторая страница загружается, но все параметры все еще с первой страницы. Дальнейшее салфетки похоже на попытку загрузить вторую загруженную страницу ... никаких дальнейших действий.

Что вы можете сделать, например, завернуть каждый из содержания страницы с уникальным идентификатором <div id="firstpage">...</div> в вашем JavaScript, изменить его на:

$("#firstpage").live('swiperight', function (event, ui) { 
     $.mobile.changePage("introduction.html", "slide"); 
    });