Jquery 两个同样的滑码赢了'；行不通_Jquery_Slick.js

Jquery 两个同样的滑码赢了'；行不通

jquery

Jquery 两个同样的滑码赢了'；行不通,jquery,slick.js,Jquery,Slick.js,我有两个相同的滑码。使用相同的代码页。我只是复制它但在一个页面上，它工作得很好，而另一个页面根本不工作。图像只是堆叠这是密码 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.m

我有两个相同的滑码。使用相同的代码页。我只是复制它

但在一个页面上，它工作得很好，而另一个页面根本不工作。图像只是堆叠

这是密码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css" rel="stylesheet" />

<body>
    <div class="container-fluid top-slider">
        <div class="row">
            <div class="center">
                <div><IMG SRC="/images/slider/slider-1.jpeg"></div>
                <div><IMG SRC="/images/slider/slider-2.jpeg"></div>
                <div><IMG SRC="/images/slider/slider-3.jpeg"></div>
                <div><IMG SRC="/images/slider/slider-4.jpeg"></div>
                <div><IMG SRC="/images/slider/slider-5.jpeg"></div>
                <div><IMG SRC="/images/slider/slider-6.jpeg"></div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        $(document).ready(function(){
            $('.center').slick({
                centerMode: true,
                centerPadding: '30px',
                slidesToShow: 3,
                autoplay: true,
                autoplaySpeed: 4000,
                arrows: true,
                responsive: [
                    {
                        breakpoint: 768,
                        settings: {
                            arrows: false,
                            centerMode: true,
                            centerPadding: '30px',
                            slidesToShow: 3
                        }
                    },
                    {
                        breakpoint: 480,
                        settings: {
                            arrows: false,
                            centerMode: true,
                            centerPadding: '30px',
                            slidesToShow: 1
                        }
                    }
                ]
            });
        });
    </script>
</body>


$（文档）.ready（函数（）{
$（'.center'）。光滑({
centerMode：对，
中心填充：“30px”，
幻灯片放映：3，
自动播放：对，
自动播放速度：4000，
箭头：是的，
响应：[
{
断点：768，
设置：{
箭头：错，
centerMode：对，
中心填充：“30px”，
幻灯片放映：3
}
},
{
断点：480，
设置：{
箭头：错，
centerMode：对，
中心填充：“30px”，
幻灯片放映：1
}
}
]
});
});

如何修复此问题？

控制台中有任何错误吗？您的代码运行良好：是的，我认为->加载资源失败：服务器响应状态为404（未找到）send@jquery.js:8630这很奇怪。我有佩奇的准确副本。但是其中一个有效，另一个没有我猜你在两个页面上没有完全相同的链接？