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

编程问答 2022-06-21

问题描述

滑动滑块滑动在桌面上有效，但在移动浏览器上无效。 即使触摸事件也不会触发。我正在通过$('.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',});

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularangularjavascriptslick.js