Slick Slider 不显示任何内容

Question

光滑的滑块不能正确初始化我认为光滑的父宽度不正确。但我不确定发生了什么。我在这种印象下，因为当我“检查元素”时，我看到了width:35000 px；

为了简单起见，我编写了这个简单的代码

<div style="text-align: center;">
        <div id="AboutUsSlider" style="width: 90%; display: inline-block;">
            <div><img src="/images/banners/727X300.jpg"></div>
            <div><img src="/images/banners/727X300.jpg"></div>
            <div><img src="/images/banners/727X300.jpg"></div>
            <div><img src="/images/banners/727X300.jpg"></div>
            <div><img src="/images/banners/727X300.jpg"></div>
            <div><img src="/images/banners/727X300.jpg"></div>
            <div><img src="/images/banners/727X300.jpg"></div>
        </div>
</div>
<script>
$(document).ready(function(){
    $("#AboutUsSlider").slick({
        rtl:true,
        infinite:true,
        centerMode: true,
        variableWidth: true,
        dots: true,
        speed: 500,
        cssEase: 'linear',
        autoplay: true,
        autoplaySpeed: 6000,
        arrows: true
    });
});
</script>

如果你们想看直播， new.jccayer.com/test.php

任何人都知道为什么会发生这种情况？任何帮助/评论都值得赞赏！

编辑

我以他们在new.jccayer.com/test.html在线发布的下载的“Slick”.zip 中提供的示例为例， 我们可以将其与new.jccayer.com/test.php进行比较Witch is mine

两个页面都使用我服务器上的文件。所以没有cdn。和两个相同的文件。这意味着只有此页面中的源代码有问题。（因为示例工作）

我仍然无法弄清楚这两个文件有什么不同。由于我一直在努力使这项工作有效，我变得失明了吗？

任何人？

Answer 1

我已经通过摆脱 rtl 选项设法在本地工作 - 您可以测试并查看摆脱该选项是否适合您吗？所以代码就是：

$(document).ready(function(){
    $("#AboutUsSlider").slick({
        infinite:true,
        centerMode: true,
        variableWidth: true,
        dots: true,
        speed: 500,
        cssEase: 'linear',
        useTransform:false,
//      autoplay: true,
//      autoplaySpeed: 6000,
        arrows: true
    });
});

如果您不想摆脱任何选项，请参阅http://kenwheeler.github.io/slick/上的精美文档以了解如何处理从右到左的操作 -

注意：HTML 标记或滑块的父级必须将属性“dir”设置为“rtl”。

那么，你的 div 在标签中只会有 dir="rtl" 。两者都有效。如果您有任何问题，请告诉我！