|
<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 不知道有没有帮助 |
|