javascript - Slick - 如何在悬停时使用暂停？

Question

我正在开发 AngularJS 应用程序，我想使用 Slick 来实现轮播以显示图像。

简化后，我的 HTML 如下所示:

<slick pauseOnHover="false"  autoplay="true" autoplaySpeed="1000" dots="true" touch-move="false" slides-to-show="3" speed="400" slides-to-scroll="1" ng-if="main.CarouselReady" infinite="true" class="slickCarousel">
    <div ng-repeat="img in main.myImages">
        <img src="{{img.src}}" />
    </div>
</slick>

我有链接到我的 controller.js 功能的按钮来暂停/恢复光滑的旋转木马，这工作正常。

问题是当我的鼠标悬停在图像部分时，轮播没有自动播放。设置“pauseOnHover”设置为 false，所以我不明白为什么当我的鼠标位于...时它不自动播放...

Answer 1

用户 pauseOnHover:false 在光滑的配置上

例如:

$('.slider-nav').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  asNavFor: '.slider-for',
  dots: true,
  centerMode: true,
  focusOnSelect: true,
  pauseOnHover:false
});