Javascript js不会应用于附加的html

Javascript js不会应用于附加的html,javascript,animation,dynamic,partial-views,Javascript,Animation,Dynamic,Partial Views,我正在使用.js文件对divs进行平滑的滑动效果,如下所示 <div id="thumblist" class="lazy slider"> <div> <img /> </div> <div> <img /> </div> </div> 因此,在初始加载时,它会将幻灯片效果应用于图像。但是在我调用ajax并将数据附加到“thumblist”div中之后,它显示了

我正在使用.js文件对divs进行平滑的滑动效果,如下所示

<div id="thumblist" class="lazy slider">
  <div>
    <img />
  </div>
  <div>
    <img />
  </div>
</div>


因此,在初始加载时,它会将幻灯片效果应用于图像。但是在我调用ajax并将数据附加到“thumblist”div中之后,它显示了html,但是.js效果没有应用于它。如何解决这个问题?

我解决了这个问题。需要重新初始化脚本。但与此同时,我们首先要破坏滑溜效应,然后对整个数据应用滑溜

$(".lazy").slick('unslick');

..... append data .....

$(".lazy").slick({
    lazyLoad: 'ondemand', // ondemand progressive anticipated
    infinite: true,
    slidesToShow: 1,
    arrows: false,
    slidesToScroll: 1,
    autoplay: true,
    autoplaySpeed: 2000,

});

您必须在DOM更改后“重新设置”滑块。您使用哪个滑块/插件?是的,在dom更改后您必须重新启用滑块。我只使用一个.js文件。。。slick.min.js和函数$(“.lazy”).slick({lazyLoad:'ondemand',//ondemand:true,slidesToShow:1,arrows:false,slidesToScroll:1,autoplay:true,autoplaydspeed:2000,});如何重新初始化?我正在使用slick slider的延迟加载。。这是参考资料