Как получить высоту элемента в JQuery и использовать его в анимации

Question

var oldHeight = $("#outerCart").height;
        $('#outerCart').animate(
                    { height: (oldHeight + 100) }, {
                        duration: 'slow',
                        easing: 'easeOutBounce'
                    });

Прямо сейчас этот код не работает (виновник, который я угадываю, ставит oldHeight для новой высоты).Установка такой константы будет работать

var oldHeight = $("#outerCart").height;
        $('#outerCart').animate(
                    { height: 200 }, {
                        duration: 'slow',
                        easing: 'easeOutBounce'
                    });

Как мне сделать эту динамику.Заранее спасибо

Answer 1

Вместо этого вы можете сделать "+=100".

$('#outerCart').animate(
 { height: '+=100' }, {
     duration: 'slow',
     easing: 'easeOutBounce'
 });

Из документов для animate() ^{(документов)} Метод:

Анимированные свойства также могут быть относительными.Если значение снабжается последовательностью начальных + = или - = символов, то целевое значение вычисляется путем сложения или вычитания данного числа из текущего значения свойства.

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

$("#outerCart").height;

должно было быть:

$("#outerCart").height();