需要帮助使光滑的滑块响应功能起作用

Question

我正在使用Slick Slider，它可以工作，但响应功能不起作用。我希望滑块超过680时仅显示一张幻灯片。

只需放置响应式，设置，断点等。使我的幻灯片无法正常工作。它会删除整个滑块，并且图像会像普通div一样堆叠。这是代码：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="http://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(){
  $('.your-class').slick({
    centerMode: true,
    slidesToShow: 3,
    centerPadding: '10px',
    responsive: 
    [{breakpoint: 680,
      settings:{
        slidesToShow: 1,
        slidesToScroll: 1,
    }]
  });
  });
</script>