jquery - スリックカルーセルに次の前のボタンを追加

Question

最近、プロジェクトにSlick カルーセルを追加しました。

そこのドキュメントを読んで、メソッドslick Prev()とslick Next().

しかし、私はこの方法をどのように使用するかを尋ねています。私はこれを長い間試してきましたが、実際には でこれを使用する方法を理解できませんhtml button。

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

私はこの方法を試しました。

Answer 1

それを行うために私が見つけた最良の方法はこれです。私の HTML を削除して、そこに自分の 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 2

slickPrev 関数が機能しない場合も同じことができます。関数名をパラメーターとして slick に渡すことができます。

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