jQuery slick carousel“；幻灯片“；背景

我已经使用jQuery 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'
});

项目1
项目2

不应该是一个项目。

$（“.slickContainer”）.slick({
幻灯片：“div”
});

我还尝试了“slide:$（'.slickItem'）”，但这也不起作用

在结果面板中，如果单击左/右箭头，您将在旋转木马中看到所有三个元素（div和p）。我只想将div元素拉入旋转木马

---

有什么建议吗？

我也有类似的问题。诀窍是，实例化滑块，然后过滤掉想要显示的内容

工作小提琴：

---

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

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

---

滑动滑块工作示例滑动滑块工作示例滑动滑块工作示例Asp.net MVC和Asp.net Web窗体中的滑动滑块工作示例

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