Jquery Slick 不显示我需要的幻灯片数量

Question

在这种情况下，我使用 slick 来显示响应滑块，在这种情况下，div 内带有图像的轮播，问题不是显示我想要显示滑块的数量，显示全部并旋转是，但是例如，如果我把显示“5”显示更多和如果我更改此编号始终显示相同，我认为这是因为我在 cotnent 中使用 div 而不是图像等，我尝试添加带有 div calss 的幻灯片，但继续不起作用

div结构

    <div id="web_rotador" class="web_car">
    <div id="web_carrousel_product_content">1</div>
<div id="web_carrousel_product_content">1</div>
<div id="web_carrousel_product_content">1</div>
<div id="web_carrousel_product_content">1</div>
<div id="web_carrousel_product_content">1</div>
    </div>

箭头.slick-prev:before, .slick-next:before { color:red !important; }

我的脚本

jQuery('#web_rotador').slick({
  autoplay: true,
  //infinite: true,
  slide: '.web_car',
  speed: 300,
  slidesToShow: 5,
  //slidesToScroll: 3,
  //centerMode:true,
  adaptiveHeight: false,
  adaptiveWidht: false,
  //dots: true,
  arrows: true,


});
</script>

在这种情况下，我需要工作显示我为 show - 5 - 放置的幻灯片，加载时，问候并感谢您的帮助

Answer 1

您正在对使用类.web_car作为滑块的轮播说，并且该类没有元素，只需删除该行即可。

 $(document).ready(function(){ $(function(){ $('.web_car').slick({ autoplay: true, //slide: '.web_car', //remove this line speed: 300, slidesToShow: 5, adaptiveHeight: false, adaptiveWidht: false, //dots: true, arrows: true, }); }) });

 <link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.css" rel="stylesheet" type="text/css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js"></script> <div id="web_rotador" class="web_car"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> </div>