從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, 
    }); 
});