javascript - 光滑的 slider 不起作用

Question

我的 sql 中存储了一个图像，我想将其放置在光滑的 slider 中，为什么 slider 中不包含图像, result

function displayImg(data) {

    var imgs = data.pics;
    console.log(imgs);
    for(var j=0;j<imgs.length;j++)
    {
         $('.slider').append('<li><img  src="' + imgs[j].img + '"/></li>'); 
    }
    $(".slider").slick({
    autoplay: true,
    dots: true,
    slide: 'li',
    responsive: [{ 
        breakpoint: 500,
        settings: {
            dots: false,
            arrows: false,
            infinite: false,
            slidesToShow: 2,
            slidesToScroll: 2
        } 
    }]
});
}

//html

 <div data-role="content" id="pic">
                    <section class="slider">

                    </section>
                    </div>

Answer 1

您没有将图像添加到 slider 容器中。您正在将它们添加到您的包装器中。

而不是这个:

$('#pic').append('<li><img  src="' + imgs[j].img + '"/></li>'); 

使用这个

$('.slider').append('<li><img  src="' + imgs[j].img + '"/></li>');