Все привет, на странице несколько слайдеров, инициализирую их через
$( ".slider--js" ).each(function(index) {
Вопрос в том, что у каждого слайдера разные настройки, для одиночного слайдера можно использовать конструкцию (в html коде слоя со слайдером) вида
<div class="row align-items-center justify-content-between slider-for-js"
data-slick='{"responsive": [{"breakpoint": 1024,"settings": {"slidesToShow": 2,slidesToScroll:2}},{"breakpoint": 768,"settings": {"slidesToShow": 2,slidesToScroll:2}},{"breakpoint": 480,"settings": {"slidesToShow": 1,slidesToScroll:1}}]}'
></div>
Но когда слайдеров несколько это не работает. Как быть, подскажите пожалуйста.
Заранее благодарю!