javascript - bxSlider:为桌面浏览器禁用touchEnabled

如果用户使用桌面浏览器，我试图为bxSlider库禁用touchEnabled选项。

if(navigator.userAgent.match(/Chrome|Mozilla|Safari/)){
     $('.theSlider').bxSlider({
          touchEnabled: false
     });
}

//Html slider
<ul class="theSlider">

在Chrome的开发人员工具控制台中进行调试时，尝试将其设置为false时未定义touchEnabled。我究竟做错了什么？

最佳答案

感谢您的答复，这是我设法解决的解决方案。我将默认的var touchDevice设置为false。如果用户使用的是移动设备，它将检测到并将touchDevice设置为true。当我初始化bxSlider时，它将采用任何touchDevice设置，并将touchEnabled设置为该结果。

// Enable touch events for Mobile Browsers
var touchDevice = false;
if (navigator.userAgent.match(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/)) {
      touchDevice = true;
}

$('.theSlider').bxSlider({
      touchEnabled: touchDevice
});