jquerymobile: анимация страницы

Question

У меня есть 2 страницы, встроенные в мой единственный HTML-файл.так что он показывает, что изначально он показывает PAGE1, а затем, если я проведу пальцем справа налево, или слева направо, PAGE2 должен показать.Моя проблема заключается в том, как я могу изменить анимацию страницы на основе моего пролистывания?например, когда я пролистываю форму справа налево, анимация должна быть прокруткой страницы справа налево и наоборот?

Мне известны события перелистывания страниц, но я не знаю, как программно изменить анимацию

спасибо!

Answer 1

Обновленный ответ:

Если вы ищете переходы страниц, я бы предложил прочитать:

• http://jquerymobile.com/demos/1.0/docs/api/methods.html
• http://jquerymobile.com/demos/1.0/docs/pages/page-transitions.html

Пример:

Добавление этого атрибута будет скользить справа налево

data-transition="slide"

Добавление этих атрибутов будет скользить слева направо

data-transition="slide" data-direction="reverse"

Оригинальный ответ ниже:

Live Пример:

• http://jsfiddle.net/yxzZf/4/

JS:

$("#listitem").swiperight(function() {
    $.mobile.changePage("#page1");
});

HTML:

<div data-role="page" id="home"> 
    <div data-role="content">
        <p>
            <ul data-role="listview" data-inset="true" data-theme="c">
                <li id="listitem">Swipe Right to view Page 1</li>
            </ul>
        </p>
    </div>
</div>

<div data-role="page" id="page1"> 
    <div data-role="content">

        <ul data-role="listview" data-inset="true" data-theme="c">
            <li data-role="list-divider">Navigation</li> 
            <li><a href="#home">Back to the Home Page</a></li>
        </ul>

        <p>
            Yeah!<br />You Swiped Right to view Page 1
        </p>
    </div>
</div>

Связанный:

• Добавление события смахивания JQM в ссылку на просмотр списка
• Добавление события смахивания jquery mobile

Answer 2

Есть ли у вас data-rel = "back" в вашей li или кнопке?