1

ペイン間でドラッグできるようにするためにHammer.jsを使用しています。また、[次へ]ボタンをクリック（マウスで）またはタッチ（タッチスクリーンで）できる代替アクションを許可したいと思います。これにより、スライドが次の画面に自動的にアニメーション化されます。

ページの中央に「次へ」ボタンがあるHammer.jsカルーセルのデモを想像してみてください。クリックすると、スライド左を実行して次のペインに移動したかのように機能します。

私は次のようなものでトリガーできるはずだと考えました：

var hammertime = Hammer('button.next-button').on("tap", function(event) {
    self.next();        
});

これは、アニメーション全体を実行するのではなく、マウスをドラッグモードにするだけのようです。

4

1 に答える 1

4

私は同じ問題に遭遇しました。次の関数がself要素で定義されていないため、self.next（）は明らかに機能しません。

新しいカルーセルインスタンスを初期化してから、showPane（index）メソッドを呼び出す必要があります。

      var hammertime = Hammer(doubletapRegion).on("tap", function (event) {
          console.log(event);
          var carousel = new Carousel("#carousel");
          carousel.init();
          carousel.showPane(1);
      });

このコードは、2番目のペイン（インデックス= 1）を移動します。もちろん、そこに変数を置くことができます。

于 2013-04-10T07:09:12.867 に答える