jQuery slick 轮播 "slide"设置

Question

我使用 jQuery slick 插件 ( http://kenwheeler.github.io/slick/ ) 创建了一个轮播。我想使用“幻灯片”设置来指定轮播中使用哪些元素。该设置的说明是:

类型:元素
默认值:''
用作幻灯片的元素查询

我对此设置的理解是，如果我指定“div”，那么只有div元素才会显示在轮播中。我无法让它发挥作用。当我创建轮播时，容器中的所有元素都会显示。

我创建了一个简单的示例:

<div class="slickContainer">
    <div class="slickItem">
        Item 1
    </div>
    <div class="slickItem">
        Item 2
    </div>
    <p>
        Shouldn't be an item.
    </p>
</div>

$(".slickContainer").slick({
      slide: 'div'
});

我也尝试过“slide: $('.slickItem')”，但这也不起作用。

https://jsfiddle.net/Lobfdodo/

在结果面板中，如果单击左/右箭头，您将在轮播中看到所有三个元素(div 和 p)。我只想将 div 元素拉入轮播中。

有什么建议吗？

Answer 1

我有类似的问题，可以使用以下方法解决:

$(".slickContainer").slick({
    slide: 'div',
    rows: 0
});