禁用bxslider只在手机上刷卡

Question

有没有一种方法（最好是简单的方式） 枯萎在CSS twick或jquery功能禁用手机上的滑动手指触摸？ 我的情况是，我在网站 上启用了Bxslider，但在移动设备上，我用CSS分解了浮动内容，以静态方式一次显示所有幻灯片（8）。 问题是，该功能仍在运行，当我将手指滑过滑块时，即使它看起来不再像滑块一样，也会将照片块移出视口。

无论如何，只是停止在手机滑动东西不知何故？ 谢谢

Answer 1

你试过touchEnabled: false？

还oneToOneTouch: false为好措施。

$(function() { 
 
    var ss = $('.slideshow').bxSlider({ 
 
     touchEnabled: false, 
 
     oneToOneTouch: false 
 
    }); 
 
    });

.shell { 
 
    max-height: 300px; 
 
    max-width: 400px; 
 
} 
 
img { 
 
    margin: 0 auto; 
 
}

<link rel="stylesheet" href="http://cdn.jsdelivr.net/bxslider/4.2.5/jquery.bxslider.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<script src="http://cdn.jsdelivr.net/bxslider/4.2.5/jquery.bxslider.min.js"></script> 
 
<section class="shell"> 
 
    <ul class="slideshow"> 
 
     <li> 
 
      <img src="http://placehold.it/666x375/000/Fff.png&text=FIRST" /> 
 
     </li> 
 
     <li> 
 
      <img src="http://placehold.it/800x450/048/Fee.png&text=SECOND" /> 
 
     </li> 
 
     <li> 
 
      <img src="http://placehold.it/720x404/fa8/375.png&text=THIRD" /> 
 
     </li> 
 
     <li> 
 
      <img src="http://placehold.it/520x303/9a7/a10.png&text=FOURTH" /> 
 
     </li> 
 
     <li> 
 
      <img src="http://placehold.it/640x360/fd3/b0d.png&text=FIFTH" /> 
 
     </li> 
 
     <li> 
 
      <img src="http://placehold.it/480x270/fff/000.png&text=LAST" /> 
 
     </li> 
 
    </ul> 
 
</section>