光滑的滑块具有较大的宽度

时间:2019-03-26 16:21:23

标签: carousel slick

我创建了一个简单的光滑滑块,但是宽度通常非常大(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>

这是歌剧的控制台视图:

enter image description here

0 个答案:

没有答案