javascript - Bootstrap 3 Carousel 上的动画高度变化

Question

在研究“如何在 Bootstrap 3 Carousel 上设置高度变化动画”这个问题时，我发现了 this answer ，但是它对我的 Bootstrap 轮播没有任何影响。我还不能发表评论并在那里要求澄清，因此是一个新问题。

建议的解决方案是

function bsCarouselAnimHeight()
{
$('.carousel').carousel({
    interval: 5000
}).on('slide.bs.carousel', function (e)
{
    var nextH = $(e.relatedTarget).height();
    $(this).find('.active.item').parent().animate({ height: nextH }, 500);
});
}

但是正如我所说，没有任何效果。也许我应该在我的案例中修改 Javascript 中的任何选择器？

更新:

我updated the fiddle所以它实际上显示了问题。

感谢所有想法!谢谢。

Answer 1

您的代码没问题。您只是没有在任何地方调用 function bsCarouselAnimHeight()，所以它都没有触发。

你可以把它从函数声明中取出来

http://jsfiddle.net/4HDBe/3/

或在某个时候调用该函数。

http://jsfiddle.net/4HDBe/4/