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

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

http://bxslider.com/options#touchEnabled

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

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

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

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）工作正常。