Анимация уничтожена в jQuery ›1.4.x

Почему не работает анимация переворота на обратном отсчете при включении последней версии jQuery вместо версии 1.4.2?

Демонстрация анимации


person Erik Djupvik    schedule 13.04.2012    source источник


Ответы (1)


Хотя я ничего не увидел в примечаниях к выпуску, обширное тестирование, похоже, показывает, что начиная с jQuery 1.5.0 и выше вам нужно анимировать background-position-x и background-position-y отдельно. См. Этот вопрос: jquery анимировать положение фона

Этот код работает с jQuery 1.5.0:

// Animation function
function animateDigit(which, oldDigit, newDigit){
    var speed = 80;
    var pos = getPos(which, oldDigit);
    var newPos = getPos(which, newDigit);
    // Each animation is 5 frames long, and 103px down the background image.
    // We delay each frame according to the speed above.
    for (var k = 0; k < animationFrames; k++){
        pos -= frameShift;
        if (k == (animationFrames - 1)){
            $("#" + which).delay(speed).animate({'background-position-y': pos + 'px'}, 0, function(){
                // At end of animation, shift position to new digit.
                $("#" + which).css({'background-position': '0 ' + newPos + 'px'}, 0);
            });
        }
        else{
            $("#" + which).delay(speed).animate({'background-position-y': pos + 'px'}, 0);
        }
    }
}
person Resist Design    schedule 14.04.2012