jquery - 在 'font-size' 动画之后动画到 textWidth

Question

我正在使用我在另一个 thread 中找到的一个小函数计算出 div 中文本的宽度，效果很好。我还可以将动画设置为给定的宽度，但是当我在对字体大小进行动画处理后尝试对宽度进行动画处理时，我遇到了问题。

我已经发现它将新的宽度动画化为调整字体大小之前的宽度，但无法弄清楚如何在一个平滑的回调中完成所有工作。

请参阅下面的基本 fiddle ，其中您可以分别运行increaseFont和increaseWidth并获得正确的结果。但同时运行两者并不起作用。请在每次测试之间按重置。

http://jsfiddle.net/b9uQp/

Answer 1

由于一切都是异步发生的，因此 $('.text').textWidth() 在动画执行期间不会返回实际大小。尝试“完整”选项并使用回调函数解决问题: http://docs.jquery.com/Effects/animate#toptions