Slick Slider zeigt nichts

Question

Slick Slider nicht init propely Ich denke, dass Slick seine Elternbreite incorrectly bekommt. Aber ich bin mir nicht sicher, was passiert. Ich bin unter diesem Eindruck, denn wenn ich "inspect element" sehe ich width:35000 px;

ich diesen einfachen Code für Einfachheit geschrieben

<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> 

Wenn ihr es möchten live sehen, new.jccayer.com/test.php

jemand hat eine Idee, warum dies geschieht? Jede Hilfe/Kommentar wird geschätzt! Wir können es vergleichen zu new.jccayer.com/test.php Witch Mine ist

Beiden Seiten verwenden, um Dateien auf meinem Server

EDIT

Ich nahm das Beispiel, das sie .zip posted online unter new.jccayer.com/test.html in dem heruntergeladenen "Slick" versenden. Also keine CDN. und beide gleichen Dateien. Das bedeutet, dass nur der Quellcode auf dieser Seite falsch ist. (weil Beispiel Arbeit)

Noch kann ich nicht herausfinden, was unterscheidet sich von den beiden Dateien. Bin ich blind geworden, seit wie lange versuche ich, diese Arbeit zu machen?

Irgendwelche?

Answer 1

Ich habe es geschafft, dies lokal zu arbeiten, indem Sie die RTL-Option loswerden - Können Sie testen und sehen, ob das Loswerden dieser Option für Sie funktioniert? So würde der Code nur sein:

$(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 
    }); 
}); 

Wenn Sie nicht von Optionen erhalten wollen loszuwerden, die Slick-Dokumentation unter http://kenwheeler.github.io/slick/ sehen, um zu sehen, wie von rechts nach links zu handhaben -

Hinweis: Für das HTML-Tag oder das Elternelement des Sliders muss das Attribut "dir" auf "rtl" festgelegt sein.

Also dann würde Ihr div nur dir = "rtl" im Tag haben. Beide arbeiten. Wenn Sie Probleme haben, lassen Sie es mich wissen!