js 不会应用于附加 html

Question

我正在使用 .js 文件在 div 上实现光滑的滑动效果，如下所示。

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

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

Answer 1

我解决了这个问题。需要重新初始化脚本。但同时我们必须先破坏slick效果，然后对整个数据应用slick。

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

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

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

});

js 不会应用于附加 html

js doesnot get applied to appended html

javascript

animation

partial-views

dynamic