jquerymobile: анімація сторінки - анімація, jquery-mobile

У моєму єдиному файлі HTML є 2 сторінки. отже, що це робить, це те, що спочатку він показує СТОРІНКУ1, тоді якщо я проведу пальцем справа наліво АБО зліва направо, повинна відображатися СТОРІНКА2. моя проблема полягає в тому, як я можу змінити анімацію сторінки на основі свого проведення? наприклад, коли я провожу форму праворуч ліворуч, анімація повинна прокручувати сторінку справа наліво і навпаки?

мені відомо про події, що проводять пальцем по сторінці, але я не знаю, як програмно змінювати її анімацію

спасибі!

Відповіді:

6 за відповідь № 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"

Оригінальна відповідь нижче:

Приклад:

• 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 до посилання viewview
• Додавання події зчитування мобільного jquery

---

-1 для відповіді № 2

У вас є li-button або data-rel = "back"?

---