在光滑的旋轉木馬上添加下一個上一個按鈕

Question

最近我在我的項目中添加了Slick carousel。

閱讀那裏的文件，我看到有一種方法slick Prev()和slick Next()。

但我問你如何使用這種方法。我已經嘗試了很長一段時間，但實際上我無法理解如何使用html button。

$('button.next').click(function() { 
    $(this).slickPrev(); 
}); 

我試過這種方法。

Answer 1

$('button.next').click(function(){ 
    $("#yourid").slickPrev(); 
}); 

嘗試改變this到"#yourid"其中yourid是滑塊的ID。

---

由於1.4及更高版本，使用：

$('button.next').click(function(){ 
    $("#yourid").slick('slickPrev'); 
}); 

Answer 2

你可以做，如果slickPrev功能不起作用一樣。您可以將函數名稱作爲參數傳遞給光面。

$('.next').click(function(){ 
    $("#sliderId").slick('slickNext'); 
}); 

Answer 3

我發現這樣做的最佳方式是這樣的。你可以刪除我的HTML並把它放在那裏。

$('.home-banner-slider').slick({ 
    dots: false, 
    infinite: true, 
    autoplay: true, 
    autoplaySpeed: 3000, 
    speed: 300, 
    slidesToScroll: 1, 
    arrows: true, 
    prevArrow: '<div class="slick-prev"><i class="fa fa-angle-left" aria-hidden="true"></i></div>', 
    nextArrow: '<div class="slick-next"><i class="fa fa-angle-right" aria-hidden="true"></i></div>' 
}); 

Answer 4

1. 初始化您的滑塊在你的腳本文件，並添加設置你想是這樣的：

$('.my-slider').slick({ 
 
    arrows: true, 
 
    prevArrow: '<div class="slick-prev"><</div>', 
 
    nextArrow: '<div class="slick-next">></div>' 
 
});

風格班級slick-prev和slick-next