如何让我的油画滑块工作？

我试图让我的光滑图像滑块工作，并尝试了一切，但它仍然无法正常工作。这里的链接到它的信息，如果你不熟悉： http://kenwheeler.github.io/slick/如何让我的油画滑块工作？

我抄什么的网站说的做和别人做了什么，到处找，想他们的代码为好，但没有任何工程。每次它只是页面上一列中的一系列图片。根本没有滑块。希望有人知道可能会出现什么问题。谢谢！

<html> 
 
    <head> 
 
    <title>My Now Amazing Webpage</title> 
 
    <link rel="stylesheet" type="text/css" href="slick/slick.css"/> 
 
    <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/> 
 
    </head> 
 
    <body> 
 

 
    <div class=".multiple-items"> 
 
    <div><img src="http://placehold.it/1000x400&text=[ img 1 ]"/></div> 
 
    <div><img src="http://placehold.it/1000x400&text=[ img 1 ]"/></div> 
 
    <div><img src="http://placehold.it/1000x400&text=[ img 1 ]"/></div> 
 
    </div> 
 
     
 
     
 
    <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
 
    <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
 
    <script type="text/javascript" src="slick/slick.min.js"></script> 
 

 
    <script type="text/javascript"> 
 
    $(document).ready(function(){ 
 
     
 
     $('.multiple-items').slick({ 
 
      infinite: true, 
 
      slidesToShow: 3, 
 
      slidesToScroll: 3 
 
     }); 
 
    }); 
 
    </script> 
 

 
    </body> 
 
</html>

来源

2015-10-15 Bailey

检查您的控制台是否有任何错误 –

变化<div class=".multiple-items">到<div class="multiple-items">。在设置类属性时，不需要.。在初始化光滑$('.multiple-items')时，您的代码将不会选择由于该错字所导致的任何元素。

<div class="multiple-items"> 
<!--  --^-- remove `.` from here --> 
    <div><img src="http://placehold.it/1000x400&text=[ img 1 ]"/></div> 
    <div><img src="http://placehold.it/1000x400&text=[ img 1 ]"/></div> 
    <div><img src="http://placehold.it/1000x400&text=[ img 1 ]"/></div> 
</div>

来源

2015-10-15 18:37:50

啊是的这么简单！在问我问题后不久，我发现了这一点。谢谢！ – Bailey

@BaileyMiller：很高兴帮助:) –

如何让我的油画滑块工作？

回答

相关问题