Javascript js不会应用于附加的html
我正在使用.js文件对divs进行平滑的滑动效果,如下所示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中之后,它显示了
<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的延迟加载。。这是参考资料