Проблема с работой Owl Carousel + UI Tabs. Как исправить?

Question

[whatever73]

Здравствуйте.
Помогите разобраться.
Есть такая структура:


Номера этажей - это табы (ui tabs).

Справа список магазинов - это слайдер, при чем для каждого из этажей он разный.
Соотственно на скрине это 1ый этаж (1ый таб)

На нем все хорошо.
Но на остальных такая картина:



Код:

$(function () {
	$(".owl-carousel").owlCarousel({
        loop: true,
        margin: 10,
        nav: true,
        owl2row: 'true', 
        owl2rowTarget: 'item',  
        owl2rowContainer: 'owl2row-item', 
        owl2rowDirection: 'utd', 
        responsive: {
            0: {
                items: 1
            },
            600: {
                items: 3
            },
            1000: {
                items: 4
            }
        }
    });
});

Как быть?

Answer 1

[Дмитрий Кравченко]

обсуждалось уже сотню раз. нужно инициализировать карусель после переключения таба, иначе все размеры невидимых равны нулю