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()而不是动画，然后以小的超时调用该函数，但效果不会很流畅

否则做一个动画而不是div本身，改变他们margin-top/left properties