Owl Carousel игнорирует опцию предметов - PullRequest
Новая
       96

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

0 голосов
/ 06 августа 2020

У меня проблема с 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 также игнорируется, когда используются маленькие изображения.

1 Ответ

0 голосов
/ 11 августа 2020

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

Добавление $(...).owlCarousel('destroy'); до инициализации шахты решило проблему.

...