Swipe.js 2.0 - 将prev和next函数绑定到不同的Swipe实例回调

时间:2012-10-11 10:23:48

标签: javascript swipe

我想从两个单独的滑动实例中滑出两个单独的元素,据我所知,你无法同时在两个滑动实例上进行触摸移动,因此解决方案是将prev和next函数绑定到其中一个刷卡回调,但我不知道该怎么做?

如果我有两个滑动实例,一个带回调:

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

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

......我如何绑定第二次滑动来模仿第一次滑动?

1 个答案:

答案 0 :(得分: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'));