油滑旋转木马永久关闭屏幕

我试图用光滑库http://kenwheeler.github.io/slick/油滑旋转木马永久关闭屏幕

斯利克是加载创建一个漂亮的旋转木马和它的正确应用类，容器，按钮等，但幻灯片已经永久关闭屏幕。活动幻灯片上的translate3d x值始终设置在窗口之外。当点击'上一个'按钮或拖动幻灯片时，我可以将它拖入屏幕，但一旦到达0,0,0位置，它立即返回到屏幕之外。这是我试图得到它的工作

<div class="slick-slider homepage-slider"> 
    <div> 
     <a href="#"> 
      <div class="slide-content"><img src="http://placehold.it/350x150"> 
       <div class="slide-text"> 
        <h2 class="slide-title">Slide Title</h2> 
        <div class="slide-caption"> 
         <p>Slide Summary</p> 
        </div> 
       </div> 
      </div> 
     </a> 
    </div> 
    <div> 
     <a href="#"> 
      <div class="slide-content"><img src="http://placehold.it/350x150"> 
       <div class="slide-text"> 
        <h2 class="slide-title">Slide Title</h2> 
        <div class="slide-caption">Slide summary</div> 
       </div> 
      </div> 
     </a> 
    </div> 
    <div> 
     <a href="#"> 
      <div class="slide-content"><img src="http://placehold.it/350x150"> 
       <div class="slide-text"> 
        <h2 class="slide-title">Slide title</h2> 
        <div class="slide-caption"> 
         <p>Slide summary</p> 
        </div> 
       </div> 
      </div> 
     </a> 
    </div> 
</div>

在我的js文件我用

jQuery(document).ready(function() { 
    jQuery('.homepage-slider').slick({ 
     rtl: true 
    }); 
});

http://jsfiddle.net/q1qznouw/549/

注：拖动，但不是的jsfiddle沙箱中在我的网页作品

我没有收到任何javascript错误。是否有理由将幻灯片永久保存在浏览器窗口外的translate3d位置，并且在放开时拖动到屏幕上会返回到浏览器窗口之外？

来源

2016-10-03 Matt

问题出在您的rtl设置。这需要一点额外的标记（从油滑文档）工作：

注：HTML标签或滑块的父母必须具备的属性 “目录”设置为“RTL”。

如果更改此您光滑父DIV：

<div class="slick-slider homepage-slider">

要这样：

<div class="slick-slider homepage-slider" dir="rtl">

这应该对它进行排序

来源

2016-10-03 15:58:54

这是它的感谢！ – Matt

@Matt确保接受答案。 –

@alexwc_别担心我是。在我接受之前，Stackoverflow让我等了很久。 – Matt

油滑旋转木马永久关闭屏幕

回答

相关问题