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

Question

当在隐藏元素中启动猫头鹰轮播，然后通过触发器显示该元素时，轮播项目的宽度完全错误(直到窗口调整大小)：

Fiddle (单击红色链接，看到显示的破损布局，然后调整窗口大小)

这个问题是discussed more than a year ago on Github的，但我不能使用。猫头鹰旋转木马在讨论之前就没有更新过。

有什么建议吗？

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

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

Answer 1

我也面临着同样的问题。尝试使用height: 0px和opacity: 0而不是hiding和height: 100%和opacity: 1来显示。这对我很管用。