一些渲染问题jQuery的.animate（）

Question

我有一些CSS正常渲染，当它没有动画但在动画时无法正确渲染。应该发生的一些剪辑不会在动画期间发生，但会在完成时快速恢复。

最后一帧是它动画后的样子。

只有当我按类选择元素时才会发生（即$('[class="chatbubble"] :first')）。

如果我将ID附加到div并通过$('#id')选择它，则会完美地设置动画。

这是我的动画代码：

function animate() {
    var dom = $('[class="chatbubble"] :first');
    var chatmessage = dom.find('[class="chatmessage"]');
    var speed = 1500;
    soundManager.play('bloop');
    var wd = dom.width();
    var ht = dom.height();
    var fs = chatmessage.css('fontSize');

    dom.css('width',0); 
    dom.css('marginTop',parseInt(ht/9)); 
    dom.animate({ width:wd, marginTop:0 },speed).css('overflow', 'visible');

    chatmessage.css('font-size',0);
    chatmessage.animate({ fontSize:fs },speed).css('overflow', 'visible');
}

我对jQuery不是很熟悉所以我不知道是什么导致它。

有人可以帮忙吗？

Answer 1

天哪，我简直不敢相信。我发布它后5分钟找到了解决方案。

解决方案是只使用$('#chatbox').find('[class="chatbubble"]:first')作为选择器，而不是$('#chatbox').find('[class="chatbubble"] :first')。