IE8 «Неверный аргумент» в небольшом фрагменте анимированного jQuery

Question

У меня есть список, в котором при каждом добавлении элемента последний элемент должен быть удален. У меня это работает нормально в Chrome и Firefox, но IE отказывается.

Не знаю почему, но IE8 в какой-то момент выдает ошибку Invalid. Я полагаю, что отследил это до этой части, но я не знаю, где и почему. На тот случай, если ошибка действительно находится за пределами этой части, вы можете увидеть более полную, работающую (или не работающую в IE8) версию здесь .

first.animate({top:0}, 250, function() {
    first.animate({marginTop: oldMarginTop}, 500, function() {
        last.animate({top: olPaddingBottom}, 125, function() {
            //Remove the old element
            last.remove();
            //Reset the CSS we changed
            stream.css({
                height: 'auto',
                overflowY: 'visible'
            });
        });
    });
});

первый и последний выбранные узлы из списка. Первый - это только что созданный элемент списка, а последний - тот, который мы будем удалять.

Answer 1

использовать вместо oldMarginTop ....

parseInt(0+oldMarginTop,10)

для меня IE возвращает «auto» для oldMarginTop, это значение не может быть анимировано, вам нужно числовое значение (предложение будет устанавливать значение 0, когда оно не является числовым значением)

http://jsbin.com/uvepit/