Показать сообщение отдельно
  #1 (permalink)  
Старый 09.05.2018, 18:57
Новичок на форуме
Отправить личное сообщение для antegria Посмотреть профиль Найти все сообщения от antegria
 
Регистрация: 05.05.2018
Сообщений: 9

touchDrag и mouseDrag owl-карусели при ресайзе
Проблема с 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
                    }
                }
            })


Как обернуть ее правильно, какие варианты решения проблемы?
Ответить с цитированием