我创建了一个简单的光滑滑块,但是宽度通常非常大(811像素)。那怎么可能,我无处初始化它。
这是我的代码:
<div class="slider" style="display: none" id="slider_content">
<div><p>1</p></div>
<div><p>2</p></div>
<div><p>3</p></div>
<div><p>4</p></div>
<div><p>5</p></div>
</div>
js个文件:
<script src="/js/jquery.min.js"></script>
<script src="/js/jquery-ui.min.js"></script>
<script src="/js/slick.min.js"></script>
<link rel="stylesheet" type="text/css" href="/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="/slick/slick-theme.css"/>
<script type="text/javascript" src="/slick/slick.min.js"></script>
<script>
$.getScript("/js/jquery-ui.min.js", function(){
});
jQuery(document).ready(function($) {
var slider = document.getElementById("slider");
slider.style.display = "block";
$('.slider').slick({
slidesToShow: 3,
slidesToScroll: 3,
dots: false,
infinite: false,
cssEase: 'linear'
});
});
</script>
这是歌剧的控制台视图: