滑動滑塊沒有顯示任何東西

Question

滑動滑塊不會初始化 我認爲光滑的是他的父寬度不正常。但我不確定發生了什麼。 Im在這個impresion下，因爲當我「檢查元素」，我看到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

任何人有一個想法，爲什麼發生這種情況？任何幫助/評論都是好消息！

編輯

我把他們下載的「油滑」的.zip 在new.jccayer.com/test.html 網上發佈船舶爲例，new.jccayer.com/test.php女巫是我

兩個頁面都用我的服務器上的文件，我們可以比較一下。所以沒有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」。兩者都有效。如果您有任何問題，請告訴我！