求助,使用jQuery moblie的swipe事件,有时候滑动屏幕没反应,多次滑动后一起积累触发多次滑动,这个问题该怎么解决呢?谢谢。。。
代码:3张图片滑动效果
js代码: $("body").on("swipeleft",function(){
//alert("zuo");
if(num>=3)
return;
num++;
if(num==2){
$('#bgImg').animate({left:_myleft}, 400);
$('#bgImg2').animate({left:0}, 400);
$('#bgImg3').animate({left:myleft}, 400);
}
else if(num==3){
$('#bgImg').animate({left:_myleft2}, 400);
$('#bgImg2').animate({left:_myleft}, 400);
$('#bgImg3').animate({left:0}, 400);
$('#experience').fadeIn(2000);
}
});
这样出现了多次触发的问题,而且与你调用a函数有关,你调用第一次时,没问题,正常,但第二次时,你划一下它就动两下,第三次调用时,就三下,以此类推...所以我觉得应该是bind事件这里的问题,swipeleft/swiperight事件可以叠加bind。找到原因就好解决了。
解决方法就是在每次调用a函数前或者说bind swipeleft/swiperight事件前unbind一下就ok了。