我正试图让我的光滑图像滑块工作并尝试了所有东西,但它仍然无法正常工作。如果你不熟悉,这里是它的信息链接: http://kenwheeler.github.io/slick/
我完全复制了网站所说的内容,并且无处不在地查看其他人所做的事情并尝试了他们的代码,但没有任何效果。每次只是页面上一列中的一系列图片。根本没有滑块。希望有人知道会出现什么问题。谢谢!
<html>
<head>
<title>My Now Amazing Webpage</title>
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
</head>
<body>
<div class=".multiple-items">
<div><img src="http://placehold.it/1000x400&text=[ img 1 ]"/></div>
<div><img src="http://placehold.it/1000x400&text=[ img 1 ]"/></div>
<div><img src="http://placehold.it/1000x400&text=[ img 1 ]"/></div>
</div>
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.multiple-items').slick({
infinite: true,
slidesToShow: 3,
slidesToScroll: 3
});
});
</script>
</body>
</html>
答案 0 :(得分:1)
将<div class=".multiple-items">
更改为<div class="multiple-items">
。在设置类属性时不需要.
。在您的代码中,初始化光滑$('.multiple-items')
时不会因为该错误选择任何元素。
<div class="multiple-items">
<!-- --^-- remove `.` from here -->
<div><img src="http://placehold.it/1000x400&text=[ img 1 ]"/></div>
<div><img src="http://placehold.it/1000x400&text=[ img 1 ]"/></div>
<div><img src="http://placehold.it/1000x400&text=[ img 1 ]"/></div>
</div>