从slick.js库加载HTML链接并写入div

Question

我有一个相当奇怪的问题，滑块和加载HTML块内。

目前我有一个来自外部来源的HTML文本块，我试图加载到一个以slick.js为目标的文本。

这是JS的样子：

$(document).ready(function(){ 
    $.get("http://htmlchunk.com", function(images) { 
     document.getElementById("slider").innerHTML = images; 
    }); 
    }); 
    $('.carousel').slick({ 
    initialSlide: 0, 
    lazyLoad: 'progressive', 
    autoplay: true, 
    arrows: false, 
    }); 

而我的HTML只有：

<div class="css" id="slider"> 
    </div> 

当我运行它，它一次显示所有图像和slick.js没有按”与插入的HTML进行交互。如何以slick.js可以与之交互的方式进行更改？

Answer 1

我发现问题和解决方案是使用.addClass（）下面的代码

$('#canvas').load('test.html', function(){ 
    console.log("html loaded"); 
    $('#canvas').addClass("carousel"); 
    $('.carousel').slick({ 
    initialSlide: 0, 
    lazyLoad: 'onDemand', 
    autoplay: true, 
    arrows: false, 
    }); 
});