Jquery 使用Slick.js时初始化问题

我试图在我的网页中初始化slick.js函数，我按照上的说明复制了“中心模式”函数作为我的Jquery函数。但我在幻灯片放映中没有得到任何箭头/按钮和导航文档

以下是我的JSFIDLE：

以下是代码：

<div class="your-class">
    <div>your content</div>
    <div>your content</div>
    <div>your content</div>
  </div>

 $(document).ready(function(){
     $('.your-class').slick({
  centerMode: true,
  centerPadding: '60px',
  slidesToShow: 3,
  responsive: [
    {
      breakpoint: 768,
      settings: {
        arrows: false,
        centerMode: true,
        centerPadding: '40px',
        slidesToShow: 3
      }
    },
    {
      breakpoint: 480,
      settings: {
        arrows: false,
        centerMode: true,
        centerPadding: '40px',
        slidesToShow: 1
      }
    }
  ]
});
    });

你的内容
你的内容
你的内容
$（文档）.ready（函数（）{
$（'你的班级'）。很滑({
centerMode：对，
中心填充：“60px”，
幻灯片放映：3，
响应：[
{
断点：768，
设置：{
箭头：错，
centerMode：对，
中心填充：“40px”，
幻灯片放映：3
}
},
{
断点：480，
设置：{
箭头：错，
centerMode：对，
中心填充：“40px”，
幻灯片放映：1
}
}
]
});
});

我使用的CDN：

//ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js

//cdn.jsdeliver.net/jquery.slick/1.5.9/slick.min.js

//cdn.jsdeliver.net/jquery.slick/1.5.9/slick.css

//cdn.jsdeliver.net/jquery.slick/1.5.9/slick-theme.css

任何人都可以帮助我，我错过了什么或者我做错了什么

---

谢谢你

你很接近。我通常通过fiddle UI包含jquery，但既然您导入了它，它应该仍然有效（我认为）

另一个问题是，您将其设置为显示3张幻灯片，但内容中只包含3张幻灯片（因此没有其他可显示的内容）。我还设置了容器的最大宽度，使可滚动区域更易于演示。“下一步/上一步”按钮显示不太好，但这与您使用的主题有关

无论如何，这里有一个更新的小提琴与您的演示工作

编辑：我添加了一个蓝色背景，以便您可以看到下一个/上一个按钮——这是您必须在模板中更改的内容。如果要查看图像下方的点，则需要将

dots

属性设置为true

$（文档）.ready（函数（）{
$（'你的班级'）。很滑({
点：是的，
centerMode：对，
中心填充：“60px”，
幻灯片放映：3，
响应：[{
断点：768，
设置：{
箭头：错，
centerMode：对，
中心填充：“40px”，
幻灯片放映：3
}
}, {
断点：480，
设置：{
箭头：错，
centerMode：对，
中心填充：“40px”，
幻灯片放映：1
}
}]
});
});
.container
{
宽度：500px；
左边距：自动；
右边距：自动；
}
身体
{
背景：#3498db；
}

你的内容1
你的内容2
你的内容3
你的内容4
你的内容
你的内容
你的内容
你的内容
你的内容
你的内容10
你的内容
你的内容12
谢谢您的回复！这确实解决了我一半的问题。但是一旦我声明
$（“#id”）.slick（），这些左/右箭头和底部文档应该自动生成对吗？我只是不知道我怎么才能把这些项目说出来。如果你想让点显示出来，你需要启用它们。我更新了我的答案，将其包括在内option@QIWENHU查看并单击“设置”以查看您可以使用的所有开箱即用设置。