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

【问题标题】：Slick - How to use Pause on Hover?Slick - 如何在悬停时使用暂停？
【发布时间】：2017-05-02 12:44:45
【问题描述】：

我正在开发一个 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，所以我不明白为什么当我的鼠标在时它不自动播放......

【问题讨论】：

标签： javascript html angularjs slick.js

【解决方案1】：

用户pauseOnHover:false 使用流畅的配置

例如：

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

【讨论】：

他的要求与你所说的完全相反。
我的设置语法有误，我在 html 标签上使用了“pauseOnHover”，而不是“pause-on-hover”（谢谢 Mistalis），我没有得到那个“pauseOnHover”仅供JS使用
这非常适合我想要实现的目标。谢谢。

【解决方案2】：

pauseOnHover在使用属性表示法时应该写成pause-on-hover：

<slick pause-on-hover="false" ...>
    ...
</slick>

【讨论】：

【解决方案3】：

$('.slideshow').slick({ 幻灯片显示：1， slidesToScroll: 1, 自动播放：是的，自动播放速度：2000，暂停悬停：假，暂停焦点：假， });

【讨论】：

为这个答案添加一些解释