jquery - 当我的初始幻灯片是非无限幻灯片中的最后一张幻灯片时，光滑的轮播导航将被禁用

Question

我在我的应用程序上使用 Slick carousel，在很大程度上它是一个出色的插件。不过我遇到了一个问题。

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

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

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

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

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/

我希望这对将来的人有帮助。