Здравствуйте. На странице 2 блока с видео. Для инициализации slick используется следующий код:
$('.videos__list').each(function() {
if ( $(this).hasClass("videos__list__nocarousel")){} else {
if ( $(this).find('.videos_page').length > 3) {
$(this).slick({
slidesToShow: 4,
dots: false,
arrows: true,
nextArrow: '<div class="video_right"><img src="/assets/images/cart-right.png"></div>',
prevArrow: '<div class="video_left"><img src="/assets/images/cart-left.png"></div>',
infinite: false,
responsive: [
{
breakpoint: 915,
settings: {
slidesToShow: 3
}
}
]
});
}
}
});
Так вот, breakpoint срабатывает только в последнем блоке - менял их местами, срабатывает все равно на последнем. Можете подсказать, в чем проблема?