动画高度改变在Bootstrap 3旋转木马

Animate height change on Bootstrap 3 Carousel

本文关键字：旋转木马 Bootstrap 高度 改变 动画      更新时间：2023-09-26

关于"如何在Bootstrap 3 carousel上实现动画高度变化"的研究我找到了这个答案，但是它对我的引导旋转木马没有任何影响。我还不能评论，请澄清一下，所以再提一个问题。

建议的解决方案是

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中的选择器?

<标题>更新:

我更新了小提琴，所以它实际上显示了问题。

感谢所有的想法!谢谢。

您的代码很好。你只是没有在任何地方调用function bsCarouselAnimHeight()，所以没有一个触发。

你可以把它从函数声明中去掉

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

或者在某个点调用函数

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

相关文章：