Swiper中文论坛

标题: swiper3 如何监控现在是向左还是向右 [打印本页]

作者: 图灵博士 时间: 2015-8-6 18:46
标题: swiper3 如何监控现在是向左还是向右
swiper3 如何监控现在是向左还是向右
如同:
swiper 2 的
onSlidePrev

onSlideNext

麻烦写个例子,谢谢了

作者: 图灵博士 时间: 2015-8-6 18:48
有木有监控左滑和右滑的例子呀
左滑 alert("左滑了一下");

右滑 alert("右滑了一下");

有木有例子谢谢了,万分感谢,急求

作者: uiop0009 时间: 2015-8-7 10:37
可以对比mySwiper.activeIndex滑动前后的大小

作者: pqy-钰 时间: 2015-8-12 16:45
<script>
$(function () {
var tran = 0;
var mySwiper = new Swiper('.swiper-container', {
//回调函数
onInit: function (swiper) {
//Swiper初始化了
}, //回调函数，初始化后执行。可选Swiper实例作为参数。

//回调函数，当碰触到slider时执行。可选Swiper和touchstart事件作为参数
onTouchStart: function(swiper,even){
tran = mySwiper.translate; //获取wrapper的位移
},

//回调函数，手指触碰Swiper并滑动（手指）时执行。此时slide不一定会发生移动
onTouchMove: function(swiper){
//你的事件
},

//回调函数，当释放slider时执行。（释放即执行）
onTouchEnd: function (swiper) {
mySwiper.translate > tran ? alert("向右了") : alert("向左了");
}

})
});
</script>

<div class="swiper-container">
<div class="swiper-wrapper">
      <div class="swiper-slide">Slide 1</div>
      <div class="swiper-slide">Slide 2</div>
      <div class="swiper-slide">Slide 3</div>
</div>

<div class="swiper-pagination"></div>


<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>


<div class="swiper-scrollbar"></div>
</div>

今天才刚看API 不知道有没有帮助

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)