仅在移动设备上禁用 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>

仅在移动设备上禁用 bxslider 滑动

Disable bxslider swipe only on mobile

swipe

bxslider