Как изменить стандартную стрелку Slick Slider, используя атрибуты данных? - PullRequest
0 голосов
/ 12 декабря 2018

Как изменить стрелку по умолчанию, используя атрибуты данных?

<div class="has-slick-slider" data-slick='{"slidesToShow": 1, "arrows": true, "prevArrow": "<button type="button" class="slick-prev">Prev</button>"}'>

slidesToShow, arrows и другие атрибуты работают плавно.но когда я пытался изменить содержимое стрелки, оно не работает.

Спасибо

1 Ответ

0 голосов
/ 12 декабря 2018

Вы можете добавить html для своей пользовательской кнопки и включить селектор этого элемента в виде значения prevArrow, например:

<div class="has-slick-slider" data-slick='{"slidesToShow": 1, "arrows": true, "prevArrow": "#custom-prev-arrow"}'>
    ...
</div>
<button id="custom-prev-arrow">...</button>

Надеюсь, это поможет.

...