Wie kann man dafür sorgen, dass ein Slick-Slider kontinuierlich automatisch abgespielt wird, aber das Scrollen beim Klicken auf einen Pfeil/einen Punkt beschleunigt?

Question

Ich möchte einen Slider erstellen, der kontinuierlich und automatisch abgespielt wird. Es funktioniert gut, aber die Pfeile und Punkte scheinen nicht richtig zu funktionieren. Ich bin mir nicht sicher, welche Einstellungen ich ändern soll, aber ich möchte, dass der Schieberegler sofort nach dem Klicken auf den Pfeil oder Punkt scrollt.

Ich habe versucht, einige Einstellungen mit dem folgenden Code zu ändern, aber nichts scheint zu funktionieren.

Wenn speed 设置为 6000 die automatische Wiedergabe über ein perfektes Timing verfügt, beim Scrollen nach dem Klicken auf den Punkt/Pfeil jedoch die gleiche langsame Geschwindigkeit verwendet, ist dieses Verhalten unerwünscht (es sollte sofort zur ausgewählten Folie gescrollt werden). Können Sie mir helfen zu verstehen, was ich tun sollte, um meine Ziele zu erreichen?

$(document).ready(function(){
  $('.test').slick({
    slidesToShow: 3,
    slidesToScroll: 1,
    autoplay: true,
    autoplaySpeed: 1,
    speed: 6000,
    dots: true,
    cssEase: 'linear',
    waitForAnimate: false,
    pauseOnFocus: false, 
    pauseOnHover: false
  });
});

.slick-prev:before,
.slick-next:before 
{
    color: black!important;
}

<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.slick/1.5.0/slick-theme.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<div style='margin-left:20px;width:200px;color:black!important;'>
    <div class='test'>
        <div>1</div>
        <div>2</div>
        <div>3</div>
        <div>4</div>
        <div>5</div>
        <div>6</div>
    </div>
</div>

Answer 1

某些 JS 选项可能无法与其他设置一起使用（就像在 SwiperJS 中一样），因此当您浏览每个添加的 JS 函数时，请注意它是否可能否定另一个早期的设置。 以下内容应该能让您走上正轨（作为示例）。