0

2 つの別々の要素を 1 つのスワイプ インスタンスからスライドさせたいのですが、両方を同時にタッチすることはできないので、解決策は prev と next 関数を Swipe コールバックの 1 つにバインドすることです。 、しかし、これを行う方法がわかりませんか？

2 つのスワイプ インスタンスがあり、1 つにコールバックがある場合:

var slider = new Swipe(document.getElementById('swipe'), {
  callback: function(index, elem) {
    //WHAT GOES HERE???
  }
});

var slider2 = new Swipe(document.getElementById('swipeTitles'));

... 2 回目のスワイプを正確にバインドして、最初のスワイプを模倣するにはどうすればよいでしょうか?

4

1 に答える 1

0

スライダーをグローバル変数に保存し（これは var 部分を失うことで実現できます）、以前に保存された現在のインデックスに基づいて手動で next() または prev() を呼び出すことができます

    var slider = new Swipe(document.getElementById('swipe'), {
      callback: function(index, elem) {
        if(currentIndex<index)
             slider2.next();
        else
             slider2.prev();
        currentIndex = index;
      }
    });

/*NO VAR HERE!*/
slider2 = new Swipe(document.getElementById('swipeTitles'));
于 2012-12-16T17:39:28.847 に答える