使用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动画相同的时间，这样当动画结束时，它会调整高度。