Проблема с owl-каруселями в разделах "Новинки" и "Хиты продаж" -
http://study.uitschool.com/fe-18-03/makarova/master/
На больших экранах функция перелистывания отключена и должна работать при отображении 3 элементов карусели, однако при ресайзе перелистывание не срабатывает. Единственный вариант - перезагрузить страницу - тогда элементы становятся draggable (однако и четыре элемента в этом случае также продолжают "перелистываться").
Описывается карусель следующим образом:
<script>
$('.owl-four').owlCarousel({
loop: true,
margin: 10,
responsiveClass: true,
responsive: {
0: {
items: 1
},
426: {
items: 2
},
768: {
items: 3,
nav: false,
loop: true,
autoPlay: true,
touchDrag: true,
mouseDrag: true
},
1024: {
items: 4,
nav: false,
loop: false,
autoPlay: false,
touchDrag: false,
mouseDrag: false
}
}
})
Как обернуть ее правильно, какие варианты решения проблемы?
с инициализацией всё в порядке(строки 17-19, 25 - 27 работают), вопрос в том, почему часть параметров не срабатывает при resize(строки 17-19, 25 - 27 НЕ работают)? я ответа не знаю и решения тоже.
