Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/439.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我的光滑滑动旋转木马有一个额外的白色幻灯片。有办法摆脱它吗?_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 我的光滑滑动旋转木马有一个额外的白色幻灯片。有办法摆脱它吗?

Javascript 我的光滑滑动旋转木马有一个额外的白色幻灯片。有办法摆脱它吗?,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,所以基本上我使用一个光滑的滑块,它的工作很好,但是当它通过我所有的图像滑动完成后,它会滑动到一个空白的白色背景,然后重置滑块。有没有办法让滑块在完成后重置回第一张幻灯片 以下是我正在使用的html: <section id="home-slider"> <div class="row" style="position: relative;"> <div class="slider responsive single-item" style="margin-bo

所以基本上我使用一个光滑的滑块,它的工作很好,但是当它通过我所有的图像滑动完成后,它会滑动到一个空白的白色背景,然后重置滑块。有没有办法让滑块在完成后重置回第一张幻灯片

以下是我正在使用的html:

<section id="home-slider">
<div class="row" style="position: relative;">

  <div class="slider responsive single-item" style="margin-bottom: 0;">
     <div><img src="http://placehold.it/1920x455"/></div>
     <div><img src="http://placehold.it/1920x455"/></div>
     <div><img src="http://placehold.it/1920x455"/></div>
     <div><img src="http://placehold.it/1920x455"/></div>
  </div>

</div>
</section>
任何和所有的答案都将不胜感激。谢谢大家!

初始化滑块时,将infinite:false属性添加到滑块

 $(document).ready(function(){
    $('.single-item').slick({
        autoplay: true,
        arrows: false,
        pauseOnHover: false,
        draggable: false,
        mobileFirst: true,
        infinite: false
    });
 });

如果您以小提琴的形式再现问题,那么调试就会容易得多。您使用的是哪种浏览器?只是试着,没问题。
 $(document).ready(function(){
    $('.single-item').slick({
        autoplay: true,
        arrows: false,
        pauseOnHover: false,
        draggable: false,
        mobileFirst: true,
        infinite: false
    });
 });