禁用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>