javascript - 使用 jQuery 设置元素的高度并更新文本旋转器的内联样式

Question

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