Несколько slick slider и data-slick
Все привет, на странице несколько слайдеров, инициализирую их через
$( ".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> Но когда слайдеров несколько это не работает. Как быть, подскажите пожалуйста. Заранее благодарю! |
Цитата:
$('.slider-for-js', $(this)).slick({}) |
Цитата:
|
Цитата:
|
Убрал все настройки, в итоге:
пока вот так data-slick='{"dots": false, "slidesToShow": 2, "slidesToScroll":1 работает, когда добавляю настройки адаптивости - не работает , "responsive":[{"breakpoint": 480,"settings": {"slidesToShow": 1,slidesToScroll:1}}] Но при этом же вроде все верно написано? |
Цитата:
<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> <div class="row align-items-center justify-content-between slider-for-js" data-slick='{"dots":false,"slidesToShow":2,"slidesToScroll":1,"responsive":[{"breakpoint":480,"settings":{"slidesToShow":1,"slidesToScroll":1}}]}'></div> в помощь https://learn.javascript.ru/json |
Цитата:
Цитата:
Цитата:
|
рони,
Rise, Спасибо парни! Заработало с вашими подсказками! |
Часовой пояс GMT +3, время: 20:38. |