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

私はこの問題を解決しました。スクリプトの再初期化が必要です。しかし、同時に我々は滑らかな効果を破壊しなければならず、その後、データ全体が滑らかに適用される。

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

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

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

});