Owl Carousel игнорирует опцию предметов

У меня проблема с owlcarousel. Когда я использую большие изображения с items:1, все работает хорошо, и каждый слайд содержит 1 изображение. Но когда я использую изображения меньшего размера, параметр items:1 игнорируется, и изображения отображаются по 4 на слайд.

owlcarousel — это версия 2.3.4, как и соответствующие файлы CSS.

$(document).ready(function(){
            $(".news-post-gallery").owlCarousel({
                navigation : false, // Show next and prev buttons
                autoplay:false,
                items: 1,
                loop:false,
                margin: 10,
                center: true,
                nav: true,
                navText: [
                    "<div>Left</div>",
                    "<div>Right</div>"
                ],
                responsive:{
                    0:{
                        items:1,
                    }
                }
            });
        });

Мое первое предположение заключается в том, что это проблема CSS. Имейте в виду, что даже маленькие изображения не такие уж маленькие, большие изображения, которые я использовал, были примерно в половину ширины моего экрана.

Изменить: navText также игнорируется при использовании небольших изображений.


person Andrei Lazakovitch    schedule 05.08.2020    source источник


Ответы (1)


Проблема заключалась в инициализации другой карусели, нацеленной на класс owl-carousel. Это закончилось тем, что я инициализировал тот, который мне был нужен, с неправильными настройками. Инициализация каруселей происходила из разных шаблонов, поэтому результат был виден в источнике только после загрузки страницы.

Добавление $(...).owlCarousel('destroy'); до того, как я инициализировал свою, решило проблему.

person Andrei Lazakovitch    schedule 11.08.2020