Jquery 使用slick.js库创建可变宽度旋转木马问题

这是js提琴：

这是我的js代码：

$(document).ready(function(){
    $('.variable-width').slick({

      infinite: true,
      speed: 300,
      slidesToShow: 1,
      centerMode: true,
      variableWidth: true,
     // autoplay: true
    });

    $('.next-slide').click(function(){
        $("#slide-custom").slickNext();
    });
    $('.prev-slide').click(function(){
        $("#slide-custom").slickPrev();
    });
});

这是html部分：

<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<div class="slider variable-width" id ="slide-custom">
    <div style="width:500px; height:100px;border:1px solid black;">1</div>
    <div style="width:600px; height:100px;border:1px solid black;">2</div>
    <div style="width:200px; height:100px;border:1px solid black;">3</div>
     <div style="width:600px; height:100px;border:1px solid black;">4</div>
    <div style="width:400px; height:100px;border:1px solid black;">5</div>
    <div style="width:700px; height:100px;border:1px solid black;">6</div>
</div>
<button class="prev-slide">prev</button>
<button class="next-slide" >next</button>

正如你在小提琴上看到的，由于某种原因，下一个和上一个按钮是生成的，而在我的网站上没有。所以我手动创建了nextSlick和prevSlick，但它们不起作用。为什么?

---

更新控制台结果：

如果在chrome中打开开发工具，控制台上是否有任何错误？应该显示“下一个”和“上一个”按钮，您不需要手动定义它们。是否有一些样式导致下一个和上一个按钮被隐藏在你的网站上？我更新了我的帖子，请检查：但即使是下一个和上一个按钮也不会在html代码中生成。我搜索了它ctrl+uthose错误显然是个问题，jQuery没有定义，而且不是函数。我会将您网站上的页面剥离为类似于jsFiddle示例的页面，显然是在一个测试页面上，看看您是否可以引入页面的其余功能来查看问题的原因，同时确保jQuery和slick.js在您的页面上，其中的include可能有问题。检查Chrome开发工具中的Sources选项卡，它们是否被加载好了？我设法解决了错误。我应该在下节课上加上滑头