ブログWEB制作に関する技術情報やサンプルコードからエクセルや パワーポイントのお役立ち情報まで幅広くご紹介しています。 最近、スマートフォンサイトを構築させていただく機会がありました。 スマートフォンといえば、フリックとスワイプですよね。 サイトでもフリックとスワイプでページ移動ができたら、ユーザーにとってはラクだろーなーと思いjQuery Mobileで実装してみましたよ。 >>サンプル javascript<script type="text/javascript"> // #page1swipeを右から左へスワイプした時の動作(swipeleftでpage2viewの関数を呼び出す) $('#page1').live('pagecreate',function(){ $('#page1swipe').live('swipeleft',page2view); }); // #page
![【jQuery Mobile】フリック・スワイプでページ移動](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)