flexslider属性smoothHeight无法正常工作

Question

我正在使用flexslider，其属性smoothHeight设置为true：

    $(window).load(function(){
    $('.flexslider').flexslider({
        animation: "fade",
        slideshow: true,
        controlNav: false,
        directionNav: false,
        slideshowSpeed: "7000",
        animationSpeed: "600",
        smoothHeight: true,
    });
});

然后使用不同高度的图像，期望滑块调整以适应它们。它没有这样做，我无法弄清楚原因。

我在引导程序中使用它，并在视口宽度为992px（自举断点）时将其设置为指定的最大高度500px。

所以在viewport 992px及以下，我允许滑块为它计算的任何高度。

检查它是否在992px下面呈现：jsfiddle rendered result

editable jsfiddle

感谢任何建议。

Answer 1

我发现如果你添加

overflow: hidden

到

.flexslider 

或定位滑块的ID似乎可以解决此问题。

编辑： 作为对downvote的回应。这是我的工作！例。 Fiddle

Answer 2

删除选项中的最后一个逗号

smoothHeight: true,

应该是：

smoothHeight: true