设置使用jQuery元素的高度和更新文本肩

Question

小提琴的内嵌样式：http://jsfiddle.net/6jnh0beo/

我使用推荐纯CSS文本肩，试图把与JS每个告别赛的高度。

var testimonialHeight = $('li.testimonial').outerHeight(); 
$('ul.rotator').css('height', testimonialHeight); 

这可行，但它只抓取第一个评价的高度，并不会随着感言的旋转而更新内联样式。由于一些评论比其他评论更长，如果内联风格可以更新，这将是理想的。有没有一种方法可以确保为每个推荐书更新内联样式？

Answer 1

讨厌打断它给你，但你的动画在FF中不起作用..
但是在光明的一面，我相信你想要加上CSS animation callback events！但是要警告，这会让你陷入一个浏览器不兼容的世界。

$(".rotator>li:last-child").bind('oanimationend animationend webkitAnimationEnd', function() { 
    alert("fin") 
}); 

另一种选择，但可怕的狡猾的将是一个区间设置为相同的时间，你的CSS动画，这样当动画应该结束，它调整高度。