Как использовать Owl Carousel + mixitup?

Question

[g905]

Есть контейнер mixitupа, он же одновременно контейнер owl carouselи.

<div class="mixitup-controls">
                    <button type="button" class="btn mx-controls-btn active" data-filter="all">Все</button>
                    <button type="button" class="btn mx-controls-btn" data-filter=".category-a">SEO продвижение сайта 1</button>
                    <button type="button" class="btn mx-controls-btn" data-filter=".category-b">SEO продвижение сайта 2</button>
                    <button type="button" class="btn mx-controls-btn" data-filter=".category-c">SEO продвижение сайта 3</button>
                </div>
<!-- ... -->
                <div class="mixitup-container d-flex owl-carousel owl-theme">
                    <div class="mix category-a" data-order="1">dsfa</div>
                    <div class="mix category-b" data-order="2">fdsa</div>
                    <div class="mix category-b category-c" data-order="3">werfd</div>
                    <div class="mix category-a category-d" data-order="4">dfga</div>
                </div>

И оно якобы работает. Но! Отфильтрованные mixitupом элементы остаются висеть пустыми местами в Owl карусели. Как сделать так, чтобы после фильтрации невидимые элементы по-настоящему скрывались (Может как-то можно настроить, чтобы элементы, не попавшие в фильтр удалялись из ДОМа, а попавшие в фильтр - в него встраивались?)

Comments

[Владимир Голубь]

Если к ним после фильтрации добавляется класс, то можно использовать display: none

[g905]

Владимир Голубь, спасибо. Использовал filter в slickslidere.