使用光滑从li元素创建旋转木马

Question

我使用slick从列表项创建轮播 列表的结构就像这样

<div class="slicker">
    <li>
        <img />
    </li>
    <li>
        <img />
    </li>
    <li>
        <img />
    </li>
</div>

我无法创建旋转木马。 内容相当于正常列表。 检查节点时，我看到相关的分类已添加到dom中。

光滑链接：https://kenwheeler.github.io/slick/

Answer 1

实际上，Slick默认使用div元素作为幻灯片，但您可以使用“slide”参数更改它（slide | element |'div'|元素查询用作幻灯片）。

在你的情况下，你需要（在你的js中）像：

$('.slicker').slick({
  slide: 'li'
});

您也可以使用“div”更改代码，例如“v2solutions.com”，但这会改变您的语义。

Answer 2

你可以试试＆lt; div＆gt;而不是＆lt; li＆gt;。光滑似乎只与<div>合作。