Owl Carousel在隐藏容器中初始化时会中断

Question

当Owl Carousel在隐藏元素中启动并且该元素随后通过触发器显示时，轮播项的宽度完全错误（直到窗口调整大小）：

Fiddle（点击红色链接，查看出现的破损布局，然后调整窗口大小）

这个问题是discussed more than a year ago on Github，但我无法使用。自从讨论之前，Owl Carousel还没有更新过。

有什么建议吗？

$('.owl-carousel').owlCarousel({
    items: 3,
    loop:true,
    nav:true,
})

$(".trigger").click(function(){
    $(".target").toggleClass("hidden");
});

Answer 1

我遇到了同样的问题。请尝试height: 0px和opacity: 0，而不是隐藏height: 100%和opacity: 1进行展示。它对我有用。