初始化时，滑动滑块错误的宽度 [英] Slick slider wrong width on initialization

问题描述

 <$ c $ 
我试图实现滑动滑块，但计算每个幻灯片的宽度是错误的（填充图像右侧）。 c>< div class =responsive-slick> 
< img src =图库/大/ 01.jpeg> 
< img src =图库/大/ 02.jpeg> 
< img src =图库/大/ 03.jpeg> 
< img src =图库/大/ 04.jpeg> 
< img src =图库/大/ 05.jpeg> 
< img src =图库/大/ 06.jpeg> 
< / div> 
 
 $（document）.ready（function（）{
 $（'。responsive-slick'）。slick（{
 dots：true，
 mobileFirst： true，
 prevArrow：'< a class =slick-prev> Previous< / button>'，
 nextArrow：'< a class =slick-prev>按钮>'，
 slidesToShow：3，
 slidesToScroll：8 
}）; 
  

}）;

输出：

我做错了什么？

解决方案

您当前的代码有问题

  $（'。responsive-slick'）。slick（{
 dots：true，
 mobileFirst：true，
 ** prevArrow：'< a class =slick-prev>上一个< / button>'，
 nextArrow：'< a class = ** 
 slidesToShow：3，
 slidesToScroll：8 
}）; 
  

您打开一个锚标记并关闭一个按钮。这是错的。

I am trying to implement Slick slider, but calculated width of each slide is wrong (padding on right side of image).

<div class="responsive-slick">
    <img src="Gallery/large/01.jpeg">
    <img src="Gallery/large/02.jpeg">
    <img src="Gallery/large/03.jpeg">
    <img src="Gallery/large/04.jpeg">
    <img src="Gallery/large/05.jpeg">
    <img src="Gallery/large/06.jpeg">
</div>

$(document).ready(function(){
   $('.responsive-slick').slick({
       dots: true,
       mobileFirst:true,
       prevArrow: '<a class="slick-prev">Previous</button>',
       nextArrow: '<a class="slick-prev">Previous</button>',
       slidesToShow: 3,
       slidesToScroll: 8
   });

});

Output:

What am I doing wrong?

解决方案

Your current code is having problem

$('.responsive-slick').slick({
   dots: true,
   mobileFirst:true,
   **prevArrow: '<a class="slick-prev">Previous</button>',
   nextArrow: '<a class="slick-prev">Previous</button>',**
   slidesToShow: 3,
   slidesToScroll: 8
});

You are opening an anchor tag and closing a button. Thats wrong.

这篇关于初始化时，滑动滑块错误的宽度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！