从链接加载HTML＆amp;用slick.js库写入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,
  });
});