2011-10-18 9 views
0

私は欲しいものはかなりスライドショーではありません。私の具体的な目標は、設定された数のdivを収めたコンテナを持つことです。ユーザーはこのdivをスワイプできます。誰でもSencha touchをよく知っていれば、カルーセルパネルのようなものを探しています。具体的には、人とその説明の写真を格納する人のページになります。だから、私はいくつかのオプション、1つのビーイングに出くわした研究を行った後、...このオプションでJQtouchスワイプイベント/カルーセル

$(function(){ 
       // This prevents scrolling 
       $('#jqt').bind('touchmove',function(){ 
        event.preventDefault(); 
       }); 
       $('#p1').bind("swipe",function(event, info){ 
        if (info.direction === 'left') { 
         jQT.goTo($('#p2'), 'slideleft'); 
             } 
       }); 
      }); 

私の問題は、それがページ全体、離れても、ツールバーを通すことです。私もスタイリングで何かをやっていません。このタイプのアクションを可能にする拡張機能はありますか?それともコード化する方法さえ? https://github.com/appMobi/jQ.Mobi/tree/master/plugins

あなたが出発点として、そのコードを使用することができます。

+0

多くのjQtouchを使用していませんでしたが、jQuery Mobileではスワイプをライブメソッドでコンテナにアタッチすることができます。スワイプを登録したスワイプだけがスワイプを登録するので、そのコンテナ内の要素にアニメーションを適用できます。 jQuery Mobileの場合、 '$( '#container')のようなものですlive( 'swipeleft'、function(){alert( 'swiped left');});' – Xavier

答えて

0

jq.mobiは、カルーセルのようなもののためにいくつかのプラグインを持っています。 jq.mobi自体は少し若いですが、zeptoプラグインの出発点としてそのコードを使用することができます。

関連する問題