jquery - slick.js ライブラリを使用して可変幅カルーセルの問題を作成する

Question

これは js フィドルです: http://jsfiddle.net/N6wfG/92/。

これは私の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が、機能していません。なぜ ？

コンソール結果の更新: