bxSlider touch enabled - 禁用垂直触摸事件,因此只有水平触摸事件才有效

Question

我正在使用我最喜欢的jquery滑块插件之一:bxSlider

http://bxslider.com/options#touchEnabled

最近他们更新了一些设备触摸功能.这允许您通过滑动滚动滑块.

但是在我目前的项目中,我有一个幻灯片,它占据了我网站的整个宽度,当我在设备上查看时,当我用手指向下滚动时,当我到达幻灯片时,我无法向下滚动页面而是幻灯片从左向右滚动.

所以我的问题是,是否可以禁用垂直触摸事件,因此只有在水平滑动滚动时它才有效.

var winnerSlider = $('#slider').bxSlider({

});

如果有人可以提供帮助,我有一个小提琴... http://jsfiddle.net/2Fcxw/10/

扫描下面的qr以查看设备上的小提琴.

谢谢

Answer 1

$('#slider').bxSlider({
touchEnabled:false
});

这应该工作.

Answer 2

var winnerSlider = $('#slider').bxSlider({
    preventDefaultSwipeY: false
});

preventDefaultSwipeY应该正是你所需要的. http://bxslider.com/options#preventDefaultSwipeY

现在应默认设置,因此无需声明它.

尝试了你的小提琴,它似乎与当前的bxSlider(v4.1.2)工作正常.