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

Using slick to create a carousel from li elements

本文关键字：创建 旋转木马 元素 li slick 使用      更新时间：2023-09-26

我正在使用slick从列表项创建转盘列表的结构类似于

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

我无法创建它的旋转木马。内容显示为普通列表。在检查节点时，我看到相关的类添加到了dom中。

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

实际上，Slick默认使用div元素作为幻灯片，但您可以通过"slide"参数(slide|element|'div'|element查询用作幻灯片(对其进行更改。

在你的情况下，你需要(在你的js中(有这样的东西：

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

您也可以使用"div"来更改代码，如"v2solutions.com"所说，但这会更改您的语义。

你能试一下吗<div>而不是<li>。slick似乎只使用<div>。

相关文章：