jquery - 悬停在 jQuery 增量 fontSize 错误

标签 jquery css hover jquery-animate font-size

好吧,我正在玩弄 jQuery,但我终其一生都找不到修复此错误的优雅方法。

jQuery('a').hover(function()
{
    jQuery(this).animate({fontSize : '+=5'});
}, function()
{
    jQuery(this).animate({fontSize : '-=5'});
});

问题是我建立了一个动画问题。我以为我可以像这样用 stop() 解决它:

jQuery('a').hover(function()
{
    jQuery(this).stop().animate({fontSize : '+=5'});
}, function()
{
    jQuery(this).stop().animate({fontSize : '-=5'});
});

但是,如果您将鼠标悬停在它上面然后取消鼠标悬停,您将失去完整的 5 像素,即使它还没有添加 5 像素。有没有办法重置像素大小,例如 .css(fontSize, "") 或 computedStyle 或类似的东西?

最佳答案

你快到了。你只需要使用 .stop(true,true)

crazy demo

欢迎来到stackoverflow.com

关于jquery - 悬停在 jQuery 增量 fontSize 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3853144/

相关文章:

javascript - 每次点击即可在文本之间切换

jquery - 比较两个数字 9<10

css - 可重用的 CSS 类还是很多?

jquery - CSS-悬停子元素时如何更改父元素?

time - Jquery FullCalendar 事件时隙悬停方法

JQuery 内容 slider - 最佳实践?

javascript - 当状态从 'false' 动态更改为 'true' 时, Bootstrap 开关更改事件不会触发

Javascript:使用箭头键移动对象

jQuery:选择列表项,显示文本

jquery - 在 jQuery 中拖动后,mouseleave 处理程序停止工作