Javascript平滑轮播滑动在移动设备中不起作用

时间:2020-09-11 10:29:55

标签: javascript angular slick.js

滑动滑块滑动在桌面上有效,但在移动浏览器上无效。 即使触摸事件也不会触发。我正在通过$('.slick-slide').bind('touchstart', function(){ console.log('touchstart') })检查触摸事件,无法理解为什么阻止触摸。 Angular可以防止触摸吗?那么它也应该防止在桌面上使用。

HTML

<div class="slider2 visible-xs hidden-lg hidden-md hidden-sm">
    <div class="slick-slideshow__slide">1</div>
    <div class="slick-slideshow__slide">2</div>
    <div class="slick-slideshow__slide">3</div>
</div>

JS初始化代码

$('.slider2').slick({
      dots: false,
      arrows: true,
      slidesToScroll: 1,
      infinite: true,
      autoplay: true,
      autoplaySpeed: 2000,
      swipeToSlide:true,
      swipe:true,
      slide: '.slick-slideshow__slide',
    });

0 个答案:

没有答案
相关问题