jquerymobile：ページアニメーション

Question

1つのHTMLファイルに2ページが埋め込まれています。だから最初は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" 

オリジナル回答下の左からこれらの属性を追加するとスライドします：

ライブ例：

• の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> 

関連：

• Adding JQM swipe event to listview link
• Adding jquery mobile swipe event

Answer 2

liまたはボタンにdata-rel = "back"がありますか？