javascript - 如何使我的光滑滑块按应有的方式工作?
问题描述
我希望为我的滑块使用 slick,但由于某些原因它不起作用,我真的不知道为什么。一切似乎都很好,但显然有一个错误,我希望有人能帮助我。
<div class="cate_slider">
<div>
<p>Écologiste</p>
<?= $this->Html->image('euros2.png', ['alt' => 'Image Écologiste', 'class' => 'cate_mini'])?>
<p><span class="keyword">Pour retrouver la sérénité...</span><br>Détendez-vous, respirez pleinement aide à prendre conscience des éléments utiles qui vous entours. Laissez place au vide apaisera votre esprit.</p>
</div>
<div>
<p>Écologiste</p>
<?= $this->Html->image('euros2.png', ['alt' => 'Image Écologiste', 'class' => 'cate_mini'])?>
<p><span class="keyword">Pour retrouver la sérénité...</span><br>Détendez-vous, respirez pleinement aide à prendre conscience des éléments utiles qui vous entours. Laissez place au vide apaisera votre esprit.</p>
</div>
<div>
<p>Écologiste</p>
<?= $this->Html->image('euros2.png', ['alt' => 'Image Écologiste', 'class' => 'cate_mini'])?>
<p><span class="keyword">Pour retrouver la sérénité...</span><br>Détendez-vous, respirez pleinement aide à prendre conscience des éléments utiles qui vous entours. Laissez place au vide apaisera votre esprit.</p>
</div>
<div>
<p>Écologiste</p>
<?= $this->Html->image('euros2.png', ['alt' => 'Image Écologiste', 'class' => 'cate_mini'])?>
<p><span class="keyword">Pour retrouver la sérénité...</span><br>Détendez-vous, respirez pleinement aide à prendre conscience des éléments utiles qui vous entours. Laissez place au vide apaisera votre esprit.</p>
</div>
</div>
$(document).ready(function(){
$('.center').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
}
}
]
});
});
解决方案
好的,我知道我的问题出在哪里。
我添加了未加载的光滑 css 文件(我真傻),它现在正在工作。
谢谢大家的想法<3
推荐阅读
- javascript - 在没有依赖关系的 Visual Studio Code 中导出 JS 项目
- python - 在python中使用BeautifulSoup从url的源代码中提取某个部分下的文本
- python - 将具有相同索引的多行合并为一行
- html - 滚动到溢出图像的 -y 和 -x
- android - android中的自定义DatePickerDialog
- linux - Linux - 解决“打开的文件过多”错误
- flutter - 我无法修复:找不到正确的提供者
在此 ProductItem 小部件上方 - kubernetes - 容器化或编排与 Heroku 之类的 PaaS 的优势?
- python-3.x - python Cx_Freeze build_exe 调试和发布标志调整
- python - 为什么我的循环打印整数而不是字符串