油滑滑塊自動播放不工作

我已經爲我的網頁實施了slick slider。滑動工作得很好，圖像一個接一個地顯示。我遇到的唯一問題是在頁面加載完成時啓動autoplay滑塊。油滑滑塊自動播放不工作

Here's鏈接到我的頁面。

HTML

<div class="single-item insideslideshow slider autoplay slickplay"> 
    <div class="eachsliderimage" style="background-image: url('images/real-estate/2.jpg');"></div> 
    <div class="eachsliderimage" style="background-image: url('images/real-estate/1.jpg'); "></div> 
    <div class="eachsliderimage" style="background-image: url('images/real-estate/3.gif'); "></div> 
    <div class="eachsliderimage" style="background-image: url('images/real-estate/4.jpg'); "></div> 
</div>

JavaScript代碼：

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('.single-item').slick({ 
     draggable: true, 
     infinite: true, 
     slidesToShow: 1, 
     slidesToScroll: 1, 
     touchThreshold: 1000, 
    }); 
    $('.autoplay').slick({ 
     slidesToShow: 1, 
     slidesToScroll: 1, 
     autoplay: true, 
     autoplaySpeed: 2000, 
    }); 
});

來源

2017-07-31 Alex Banman

您可以添加您用於滑動滑塊的腳本嗎？ – Frits

請在此處添加有意義的代碼和問題描述。請不要鏈接到需要修復的網站 - 否則，一旦問題得到解決，或者您鏈接到的網站無法訪問，此問題將對未來的訪問者失去任何價值。發佈 [最小，完整和可驗證示例（MCVE）]（https://stackoverflow.com/help/mcve）演示您的問題將幫助您獲得更好的答案。欲瞭解更多信息，請參閱 [我網站上的某些內容不起作用。我可以直接粘貼一個鏈接嗎？]（https://meta.stackexchange.com/questions/125997/）謝謝！ – j08691

@ j08691非常感謝您的支持。我發佈了一些代碼，在外部的css和腳本文件中有很多額外的代碼。讓我知道我是否應該找到它並將其添加到主帖子中。 –

你的問題是，你是不是在設置autoplay您.single-item

如果你改變你的JavaScript的下方代碼，它將工作：

$(document).ready(function(){ 
    $('.single-item').slick({ 
     draggable: true, 
     autoplay: true, /* this is the new line */ 
     autoplaySpeed: 2000, 
     infinite: true, 
     slidesToShow: 1, 
     slidesToScroll: 1, 
     touchThreshold: 1000, 
    }); 
});

來源

2017-07-31 19:32:09 Frits

哈哈哈@Gael，你太快了;）謝謝你爲我編輯:) – Frits

和編輯問題的人更快:) – Gael

謝謝@Frits，它的工作！ –

油滑滑塊自動播放不工作

回答

相關問題