Как установить свою кнопку в slick?

Question

[Александр]

Как установить свою кнопку в slick?

в js я прописываю

$(document).ready(function(){
    $('.block-slick').slick({
        prevArrow: $('.prev'),
        nextArrow: $('.next')
    });
});

в html создал свою кнопку со своими стилями, но ничего не работает.

<div class=".prev">Левая кнопка</div>
<div class=".next">Правая кнопка</div>

Знаю, что в js можно передать

prevArrow: '<div class="block__arrow--left"><</div>',
nextArrow: '<div class="block__arrow--right">></div>'

но в таком случае кнопки появляются до и после слайда, а мне необходимо иметь возможность расположить кнопки в любом месте на странице.

Answer 1

[Николай Смирнов]

Попробуйте так:
js

$(document).ready(function(){
    $('.block-slick').slick({
        prevArrow: '.prev',
        nextArrow: '.next'
    });
});

html

<div class="prev">Левая кнопка</div>
<div class="next">Правая кнопка</div>

Comments

[Александр]

Николай Смирнов Спасибо большое за помощь.