リンクからHTMLを読み込み、slick.jsライブラリでdivに書き込む

Question

私は、スライダーとHTMLのチャンクを内部にロードするにはちょっと奇妙な問題があります。

現在、私はそれをターゲットとしたslick.jsでロードしようとしている外部ソースからのHTMLテキストのチャンクを持っています。

$(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> 

は、それが一度にすべての画像を表示し、doesnのslick.js」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, 
    }); 
}); 

です