При изменении размера окна не срабатывает плагин owl карусель в табах?

Question

[stichii]

Добрый день ! Вот пример jsfiddle.net/e9k36cw8/12
При изменении окна не срабатывает плагин owl карусель в табах. Т.е в активном табе owl элементы адаптируются и все хорошо, если после изменеия размера окна открыть другой таб то плагин не срабатвает и элементы становятся кучкой.
вот элементы messages растянулись
а вот так выглядят элементы при открытии другой вкладки
Если потянуть окно то элементы этой вкладки сразу выравниваются.
Обычно не срабатывает плагин в какойто одной вкладке
Подскажите как исправить?

Answer 1

[Alex Sokol]

Эта карусель уже давно не актуальна.

Вот эта получше: kenwheeler.github.io/slick

Comments

[stichii]

а как его отключить для разрешения меньше 768 px? эта конструкция срабатывает только при обновлении страницы

var checkWidth = $(window).width();
    if (checkWidth >= 768) {

        $('.owl-carousel').slick({
            dots: true,
            infinite: true,
            centerMode: true,
            slidesToShow: 5,
            slidesToScroll: 3,
            ariableWidth: true
        });
    }
    else{

    }

[Alex Sokol]

вам надо делать вызов и по ресайзу тоже: https://api.jquery.com/resize/

[Alex Sokol]

Или вот так el.on('resize', handler)