光滑的插件不适用于动态创建的内容,但适用于静态内容

Question

<div id="id1" class="scroll-footer">
<dynamically created div1></div>
<dynamically created div2></div>
<dynamically created div3></div>
<dynamically created div4></div>
</div>

$(document).ready(function(){
        $('.scroll-footer').slick({
            slidesToShow: 2,
            slidesToScroll: 1,
            autoplay: true,
            autoplaySpeed: 2000,
            arrows: true
        })
    });

我们已经动态地将slick类添加到id1 div但它不起作用？如何在加载动态创建的div1,div 2etc后添加光滑类？

Answer 1

添加动态元素时，您需要再次初始化函数

建议您这样做

function sliderInit(){
    $('.scroll-footer').slick({
        slidesToShow: 2,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000,
        arrows: true
    });
};
sliderInit();

在此处调用函数以默认加载函数，并sliderInit()在添加动态元素的地方调用相同的函数。

注意：请记住在添加元素后编写此函数。