Carousal -折叠div中的自动高度(GlideJS)

Question

我正在使用GlideJS显示一个嘉年华。此carousal中每一项的高度都不同，因此我设置了该属性：

autoheight: true

问题是，当我试图在一个折叠的div中显示carousal时，autoheight属性设置为'true‘，carousal不显示。当autoheight属性设置为false时，carousal确实会显示，但随后项的高度是固定的。为了说明这个问题，我创建了以下Fiddle：

https://jsfiddle.net/7dma7L84/21/

如何在折叠的div中显示carousal，并为每个项目设置自动高度？

Answer 1

​

​

检查这张图片，请确认我是否正确理解了您的要求

Answer 2

我对此进行了一些尝试，似乎可以解决以下问题：

#Carousel {
    width: 500px;
    height: auto;
}
var carousel = $('#Carousel').glide({
    type: 'carousel',
    startAt: 1,
    touchDistance: 2,
    autoplay: 0,
    autoheight: true
});

你认为如何？