页面加载后创建光滑轮播

Question

我正在尝试在页面加载后创建一个光滑的轮播。光滑的就是这个：http://kenwheeler.github.io/slick/

如果我把代码放在html中，它会在页面加载时正确加载，但是当我用JS附加一些幻灯片代码并运行：

$('.slideshow').slick({
    dots:false,
    arrows:false,
    pauseOnHover:false,
    autoplay:true,
    infinite: true,
    speed: 500,
    fade: false,
    cssEase: 'linear',
    vertical: false,
    verticalSwiping: false
});

幻灯片改变如下：

<div class="slideshow slick-initialized slick-slider" id="PREVcarr1" name="PREVcarr1">
    <div aria-live="polite" class="slick-list draggable">
        <div class="slick-track" style="opacity: 1; width: 0px; left: 0px;" role="listbox">
        </div>
    </div>
    <img src="#">
    <img src="#">
    <img src="#">
    ...
</div>

我认为图片没有加载到正确的div中。

.append看起来像那样：

$('#preview').append("<div class='slideshow' id='PREVcarr"+carrnum+"' name='PREVcarr"+carrnum+"'><img...><img...></div>");