設置使用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動畫，這樣當動畫應該結束，它調整高度。