2

私のアプリは、さまざまな HTML5 ページで構成されています。JQuery Mobile を使用してそれらの間をスワイプする方法を知っています。しかし、水平のプログレスバーのようなものが欲しいです。ユーザーがおそらく10ページあり、彼が始まりであることをユーザーが知ることができるように.

これらのギャラリー プラグインを知っています。しかし、私は画像をスワイプしたくありません。ボタンなしでページ全体をスワイプしたい。

誰かがそのようなものをコーディングする方法を知っているか、サンプルプロジェクトを持っていることを願っています。

ありがとう！

4

2 に答える 2

3

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

以前に jquery モバイル スワイプを実装したことがありますが、それほどスムーズではありませんでした。あなたのページがポストバックをしている場合、それはそれほど良くありません. このリンクを試してみることをお勧めします。非常にスムーズな移行。

http://blogs.claritycon.com/blog/2011/07/building-a-touch-friendly-html5-site/ サンプル コードが含まれています。

これは、jQuery モバイルでは困難です。1 つの jquery モバイル ページ内にこのサンプル コードを含めます。

于 2012-07-25T14:24:11.520 に答える
2

次のようにネイティブ遷移関数を使用すると、これを簡単に実現できます。

$('div.ui-page').live("swipeleft", function(){
   $.mobile.changePage( "target-page.html", {      
       transition: "slide", 
       reverse: false, 
       changeHash: false,
       reloadPage: true      
   });
 });
于 2013-01-25T17:08:51.703 に答える