Javascript 光滑滑块未附加<；div class="；滑溜滑溜“滑溜克隆”；动态类不附加在ajax的每个循环中

/$.each（coff，function（index，el）

在这个循环中，所有数据都是附加的，但是slick slider没有应用到每个循环中

function slickCarousel1() {
    $('#regular2').slick({
        infinite: true,
        slidesToShow: 3,
        slidesToScroll: 3
    });
}

下面的代码适用于该按钮，并显示从数据库中获取的记录

$('.step1Circle').on('click',function() {
    $('#step1_img').remove();
    $('.sliderclas').empty();
    var coffee_slug = $(this).attr("coffee_name");
    $("#loader").show();

    $('#coffType').val(coffee_slug);
    $('#slider-thumbs').empty();
    $('#slider-thumbs').append('<section class="regular sliderclas" id="regular2"></section>');

    $.ajax({
        url: '../../../testAjax',
        method: 'get',
        data: {coffee_slug:coffee_slug },
        success: function(response) {
            $('#regular1').slick('unslick');              
            slickCarousel1();

            $('#loader').fadeOut(1000);
            $('#shakeid').append(' <img src="'+response.coffee_img+'">');

            var coff = response.coffee_data;
            var i = 0;
            $.each(coff, function(index, el) { // we are not getting any error in console

                $('.slick-track').append('<div><center><i onclick="AjaxStepTwo(event)" style="font-size:150px; color:'+el.color+' !important"  class="fa fa-circle step2Circle" coffee_nam="'+el.slug+'"  aria-hidden="true"></i><br><b style="color:black;">'+el.title+'</b></center></div>');

            });
        }
    });
});

function slickCarousel1() {
    $('#regular2').slick({
        infinite: true,
        slidesToShow: 3,
        slidesToScroll: 3
    });
}

$（'.step1Circle'）。在（'click'，function（）上{
$（'#步骤1_img'）。删除（）；
$（'.sliderclas'）.empty（）；
var coffee_slug=$（this.attr（“coffee_name”）；
$（“#加载程序”）.show（）；
$（'coffType'）.val（coffu slug）；
$（“#滑块拇指”）.empty（）；
$（“#滑块拇指”）.append（“”）；
$.ajax({
url:“../../../testAjax”，
方法：“get”，
数据：{coffee_slug:coffee_slug}，
成功：功能（响应）{
$（“#regular1”）.slick（'unslick'）；
滑溜转盘1（）；
$（“#加载程序”）.fadeOut（1000）；
$（'#shakeid'）。附加（''）；
var coff=响应.coffe\u数据；
var i=0；
$.each（coff，function（index，el）{//我们在控制台中没有得到任何错误
$（“.slick track”）.append（“
”+el.title+”）；
});
}
});
});
功能转盘1（）{
$（“#常规2”）。光滑({
无限：是的，
幻灯片放映：3，
幻灯片滚动：3
});
}

您不能添加循环元素的幻灯片。Slick需要知道您添加了幻灯片。您很可能希望使用

$('#your-element').slick('slickAdd',"<div>..</div>");

$（“#您的元素”）.slick（'slickAdd'，”）；

参考：

或者，如果它有效，您可以通过添加然后再次运行

slickCarousel1

函数来检查，基本上重新初始化滑动条

或者，您也可以使用

$（“#您的元素”）.slick（'refresh'）

检查幻灯片是否正在刷新。（这不是文档，请参阅：）