悬停在 jQuery 增量 fontSize 错误

发布于 2024-09-26 03:04:52 字数 553 浏览 4 评论 0原文

好吧，我正在摆弄 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'});
});

但是如果你将鼠标悬停在它上面然后将鼠标移开，你就会失去一个完整的 5px，即使它还没有添加 5px。有没有办法重置像素大小，例如 .css(fontSize, "") 或计算样式或类似的东西？

原文

ok, I'm fooling around with jQuery and for the life of me can't find an elegant way to fix this error.

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

The problem with that is that I build up an animation que. I thought i could solve it with stop() like this:

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

But if you mouse over it and unmouse over it you lose a full 5px even though it didn't yet add 5 yet. Is there a way to reset the pixel size something like .css(fontSize, "") or computedStyle or something like that?

分享到QQ

分享到微博