Как обновить 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
Попробуйте заменить
399:{
                        items:2
                    },

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

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

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