1

次のページと前のページに移動するために caroufredsel を使用しています。今、これにスワイプを実装しようとしています。しかし、私は苦労しています。私の現在のコードは以下の通りです。

function carouFredSel() {
    //  Scrolled by user interaction
    $('#pages').carouFredSel({
        prev:{ button: '#prev',
               onBefore: function() { $("#pages").children().children().hide(); },
               onAfter: function() { $("#pages").triggerHandler("currentVisible").children().show(); }
             },
        next:{ button: '#next',
               onAfter: function() { $("#pages").children().children().hide(); $("#pages").triggerHandler("currentVisible").children().show(); getRemainingPages(); }
             },
        height: '100%',
        width: '100%',
        align: 'left',
        auto: false,
        circular: false,
        infinite: true
    });
}

スワイプと次へボタンと前へボタンの両方を連携させるにはどうすればよいですか?

4

1 に答える 1

2

「swipe」と呼ばれる設定オブジェクトがあります。

次のように使用できます。

      $('#pages').carouFredSel({
        ...
        swipe: {
          onTouch: true
        }
      });

また、この jQuery プラグインをロードする必要があります: http://labs.skinkers.com/touchSwipe/

于 2012-12-20T11:00:34.740 に答える