jQuery动画，不动画

Question

我正在使用animate()函数来改变悬停按钮的背景位置，问题是它不是‘动画’，而是等待持续时间(500)，然后弹到新的背景位置--没有平滑的过渡。

$('.confirm').hover(function() {
    $(this).animate({backgroundPosition: '0, -40px'});
}, function() {
    $(this).animate({backgroundPosition: '0, 0'});
});

这就是我正在使用的JS。你知道为什么它不能顺利过渡吗？这就像暂停一样。我定义了jQuery和UI。

谢谢!

Answer 1

不能本机设置背景位置的动画。动画属性需要单个值，如opacity:1、left:'50px'等。

这个插件应该会添加您需要的功能：http://www.protofunc.com/scripts/jquery/backgroundPosition/

Answer 2

好吧，没有插件我无法让它工作，但好消息是有一个插件。你可以试试http://www.protofunc.com/scripts/jquery/backgroundPosition/

编辑....老鼠。抱歉..。刚看到XD已经贴出来了

Answer 3

尝试将部分动画从回调中删除。并异步调用它，但前面有一个.delay(500)。