当我的 initialSlide 是非无限幻灯片中的最后一个时，Slick Carousel 导航被禁用

Question

我在我的应用程序中使用 Slick carousel，在大多数情况下，它是一个出色的插件。不过我运行遇到了一个问题。

我有一个长 13 张幻灯片的轮播。在不同的时间，将加载不同的初始幻灯片。

当初始幻灯片设置为最后一张幻灯片（在本例中为第 13 张）时，用于导航到上一张幻灯片的箭头突然不起作用。

我认为这与显示的幻灯片数量有关（在下面的 JSFiddle 中，我注意到当 initialSlide 设置为大于 9 时会出现问题。当设置为 9 时，第一次单击不执行任何操作，但第二次单击启动滚动）。

任何有关如何解决此问题的帮助，以便我可以将 initialSlide 设置为最后几张幻灯片之一，并且仍然能够导航回来，我们将不胜感激。

JSFiddle 的问题：http://jsfiddle.net/nemh9nzk/7/

Fiddle html:

<section class="slider">
    <div>slide1</div>
    <div>slide2</div>
    <div>slide3</div>
    <div>slide4</div>
    <div>slide5</div>
    <div>slide6</div>
    <div>slide7</div>
    <div>slide8</div>
    <div>slide9</div>
    <div>slide10</div>
    <div>slide11</div>
    <div>slide12</div>
    <div>slide13</div>
</section>

Fiddle JS:

$(".slider").slick({
    slidesToScroll: 1,
    slidesToShow: 5,
    speed: 300,
    infinite: false,
    initialSlide:13
});

Answer 1

我已经通过使用 slickGoTo 方法而不是使用 intialSlide 找到了解决这个问题的方法。

$('.slider').slick('slickGoTo',13,true);

这似乎工作正常 - Fiddle: http://jsfiddle.net/nemh9nzk/8/

我希望这对以后的人有所帮助。

当我的 initialSlide 是非无限幻灯片中的最后一个时，Slick Carousel 导航被禁用

Slick Carousel navigation is disabled when my initialSlide is the last in a non infinite slide

jquery

carousel

slick.js