Bootstrap 3 Carousel上的动画高度变化

时间:2014-05-09 12:16:01

标签: javascript twitter-bootstrap carousel

研究问题"如何在Bootstrap 3 Carousel上设置高度变化动画"我发现this answer,但它对我的引导旋转木马没有任何影响。我还无法发表评论,并要求澄清,因此有一个新问题。

解决方案表明存在

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所以它实际上显示了问题。

所有想法都表示赞赏!感谢。

1 个答案:

答案 0 :(得分:7)

你的代码很好。你只是没有在任何地方调用function bsCarouselAnimHeight(),所以没有一个人在解雇。

您可以将其从功能声明中取出

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

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

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