Задать вопрос

Как обновить owl carousel внутри Tabs UI при подключении табов?

Есть настроенный слайдер owl carousel. Находится внутри табов TABS UI. Слайдер адаптивный, для каждого разрешения настроено нужное количество слайдов
//подключение табов
$("#tabs").tabs();

//подключение карусели
$(".owl-carousel").owlCarousel({
                loop:false,
                nav:false,
                dots: true,
                responsive:{
                     //с 1920 до 768
                    768:{
                        items:4
                    },
                     //с 768 до 575
                    575:{
                        items:3
                    },
                    //до с 575 до 399
                    399:{
                        items:2
                    },
                     //с 399 до 0
                    0:{
                        items:1
                    }
                }
            });


На разрешении 399 количество слайдов становится равное 1 только при переключении табов, а просто при обновлении страницы показывается 2 слайда.
Как сделать, чтобы при обновлении страницы показывалось правильное кол-во слайдов, а именно чтобы на разрешении 399 - был 1 слайд
  • Вопрос задан
  • 86 просмотров
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
Попробуйте заменить
399:{
                        items:2
                    },

на
400:{
                        items:2
                    },
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы