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

标签 jquery css jquery-animate

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

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

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

http://jsfiddle.net/b9uQp/

最佳答案

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

关于jquery - 在 'font-size' 动画之后动画到 textWidth,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13881844/

相关文章:

javascript - 附加到选择的选项的值以“在获取的值结束之前

javascript - 使用 jQuery 编写 .add*() 插件函数

html - 跨度内有两列或更多列

javascript - jQuery - 滑动到 id .stop();相等的

javascript - 检测页面上是否有任何动画

javascript - 意外调用方法或属性访问。在 JQUERY 中

javascript - 使用 JQuery toggleclass 来操作点击转换

CSS类属性根据不同的父类而变化

html - 如何将图像放置在文本旁边并使用屏幕分辨率对其进行缩放

javascript - .animate 在 Firefox 中不起作用(.css 可以)