ajax调用成功后重新初始化Slick js

我正在使用 Slick 进行轮播实现，并且在页面加载时一切正常。我想要实现的是，当我进行 Ajax 调用来检索新数据时，我仍然需要 slick 轮播实现，但此刻我失去了它。

我已将对 slick 的调用放入函数中

function slickCarousel() {
  $('.skills_section').slick({
    infinite: true,
    slidesToShow: 3,
    slidesToScroll: 1
  });
}

然后我在成功回调中调用该函数

$.ajax({
    type: 'get',
    url: '/public/index',
    dataType: 'script',
    data: data_send,
      success: function() {
        slickCarousel();
      }
   });

但该函数没有被调用。我怎样才能重新初始化这个js？

您应该使用 unslick 方法：

function getSliderSettings(){
  return {
    infinite: true,
    slidesToShow: 3,
    slidesToScroll: 1
  }
}

$.ajax({
  type: 'get',
  url: '/public/index',
  dataType: 'script',
  data: data_send,
  success: function() {
    $('.skills_section').slick('unslick'); /* ONLY remove the classes and handlers added on initialize */
    $('.my-slide').remove(); /* Remove current slides elements, in case that you want to show new slides. */
    $('.skills_section').slick(getSliderSettings()); /* Initialize the slick again */
  }
});