使用jquery ajax调用加载滑动条数据

$（文档）.ready（函数（）{
$.ajax({
键入：“GET”，
url:“/delivery_places.json”，
数据类型：“json”，
成功：功能（数据）{
控制台日志（数据）；
对于（var i=0；i）；
}
}
}
$（'slick_restaurant'）。slick({
点：是的，
无限：是的，
幻灯片放映：1，
幻灯片滚动：1
});
},
错误：函数（err）{
console.log（'Error'）；
}
});
});
在使用ajax调用之前，需要“取消单击”滑块，然后再次对其进行初始化

var $opts = {
    dots: true,
    infinite: true,
    slidesToShow: 1,
    slidesToScroll: 1
}

$('.slider').slick('unslick');

$.ajax({
    type: 'get',
    data: data,
    url: url,
    success: function( response ) {

        // reinitialize 
        $('.slider').slick($opts);

    }
});

更新

您可以使用
.slick（'slickRemove'）
删除所有要替换的幻灯片，然后使用
.slick（'slickAdd'）
添加新幻灯片

$('.slider').slick('slickRemove');

$.ajax({
    type: 'get',
    data: data,
    url: url,
    success: function( response ) {

        $html = '<div>';
        $html = '<h3>Test</h3>';
        $html += '</div>';

        // Add new slide
        $('.slider').slick('slickAdd', $html);

    }
});

$（'.slider'）.slick（'slickRemove'）；
$.ajax({
键入：“get”，
数据：数据，
url:url，
成功：功能（响应）{
$html=''；
$html='Test'；
$html+=''；
//添加新幻灯片
$（'.slider'）.slick（'slickAdd'，$html）；
}
});