Javascript “面对这个错误”；未捕获引用错误：未定义slideIndex“；在slick.js中

我使用slick.js作为slider函数

我将代码编码为下面的代码，但我面临这个错误“

未捕获引用错误：未定义slideIndex

”

1.
$（文档）.ready（函数（）{
$（'.add-remove'）.slick({
幻灯片放映：3，
幻灯片滚动：3
});
$（'.js添加幻灯片'）。在（'click'，function（）上{
slideIndex++；
$（'.add-remove'）.slick（'slickAdd'，''+slideIndex+''）；
});
$（'.js删除幻灯片'）。在（'click'，function（）上{
$（'.add-remove'）.slick（'slickRemove'，slideIndex-1）；
如果（滑动索引！==0）{
滑动索引--；
}
});
});

如果有人有办法解决此错误，请帮助我。

---

谢谢。

slideIndex是一个变量。它没有定义

在

$（文档）中声明
slideIndex
。就绪（函数（）{

$（文档）.ready（函数（）{
var slideIndex=0；//添加这段代码
$（'.add-remove'）.slick({
幻灯片放映：3，
幻灯片滚动：3
});
$（'.js添加幻灯片'）。在（'click'，function（）上{
slideIndex++；
$（'.add-remove'）.slick（'slickAdd'，''+slideIndex+''）；
});
$（'.js删除幻灯片'）。在（'click'，function（）上{
$（'.add-remove'）.slick（'slickRemove'，slideIndex-1）；
如果（滑动索引！==0）{
滑动索引--；
}
});
});

Add

var slideIndex=0；

在

ready（）

@Tushar-its-worked:）的开头添加

var-slideIndex=0；@P\n我很高兴它有帮助。
<div class=" add-remove ">
   <h3>1</h3>
</div>
<div class="buttons">
   <a href="javascript:void(0)" class="button js-add-slide">Add Slide</a>
   <a href="javascript:void(0)" class="button js-remove-slide">Remove Slide</a>
</div>

<script>    
    $(document).ready(function(){

    $('.add-remove').slick({
      slidesToShow: 3,
      slidesToScroll: 3
    });
    $('.js-add-slide').on('click', function() {
      slideIndex++;
      $('.add-remove').slick('slickAdd','<div><h3>' + slideIndex + '</h3></div>');
    });

    $('.js-remove-slide').on('click', function() {
      $('.add-remove').slick('slickRemove',slideIndex - 1);
      if (slideIndex !== 0){
        slideIndex--;
      }
    });

    });

</script>

$(document).ready(function() {
  var slideIndex = 0; // Add this piece of code
  $('.add-remove').slick({
    slidesToShow: 3,
    slidesToScroll: 3
  });
  $('.js-add-slide').on('click', function() {
    slideIndex++;
    $('.add-remove').slick('slickAdd', '<div><h3>' + slideIndex + '</h3></div>');
  });

  $('.js-remove-slide').on('click', function() {
    $('.add-remove').slick('slickRemove', slideIndex - 1);
    if (slideIndex !== 0) {
      slideIndex--;
    }
  });

});