jquery - 动画背景位置适用于 jQuery 1.4.4，但不适用于 1.7.2

Question

我遇到了问题。

我有一个正在修改的脚本。一切都运行良好，但仅在 jQuery 1.4.4 上。当我升级版本时，假设最新版本(1.7.2)脚本将无法运行。什么给了？!

var bouncespeed = 450;

function bounce(currentA) {
    newx = Math.floor(10 * Math.random());
    newy = Math.floor(3 * Math.random());
    newspeed = bouncespeed + Math.floor(10 * Math.random());
    $(currentA).animate({
        backgroundPosition: newx + 'px ' + newy + 'px'
    }, newspeed, 'linear', function() {
        bounce(currentA);
    });
}

$('.bubble').each(

function() {
    $(this).css({
        backgroundPosition: '5px 5px'
    });
    bounce(this);
});

播放时间!:http://jsfiddle.net/mdecler/rgBeW/2/

Answer 1

这是一个已记录的错误 ( http://bugs.jquery.com/ticket/8160 )，从 1.5 版开始影响 jQuery。所以实际上没有办法在 jQuery 1.7.2 上为该属性设置动画

您可以使用 .css() 代替 animate，然后以较小的超时调用该函数，但效果不会很流畅

否则，请在 div 本身上执行动画，更改其 margin-top/left 属性