добавить высоту к динамически созданному div

Question

У меня нет удачи при попытке добавить немного высоты к динамически созданному div.

Этот код получает высоту div .healcode, который генерируется динамически и вложен в #scheduleArea, а затем анимирует #scheduleArea до этой высоты.Я хотел бы иметь возможность добавить дополнительные 40 пикселей к любой высоте, сгенерированной для .healcode.

Вот код, который работает без дополнительной высоты:

function () { 
    $j("#scheduleArea").animate({height: $j('.healcode').css('height')}, {queue:false, duration: 1100, easing: 'easeOutBounce'}) 
        }, 

Документы дляМетод .css вызывает, что "+ = 40" должен дать мне то, что я ищу, но вместо этого обнуляет высоту.

Идеи?

Answer 1

Мне кажется, я понимаю вашу проблему.Вы пытаетесь это сделать?

function () { 
    $j("#scheduleArea").animate({height: $j('.healcode').css('height','+=40')}, {queue:false, duration: 1100, easing: 'easeOutBounce'}) 
}, 

Если это так, то проблема в том, что $j('.healcode').css('height','+=40') увеличит высоту .healcode на 40, но затем вернет объект jquery назад, а не новыйрост.Таким образом, вы пытаетесь установить высоту #scheduleArea в [object], что превращает ее в 0. Попробуйте вместо этого:

function () { 
    $j("#scheduleArea").animate({height: $j('.healcode').css('height','+=40').height()}, {queue:false, duration: 1100, easing: 'easeOutBounce'}) 
}, 

Обратите внимание на дополнительный вызов .height после добавления 40 к высоте.

http://jsfiddle.net/CFCnZ/

ПРИМЕЧАНИЕ. В отличие от других ответов, я интерпретировал этот вопрос так, что вы хотите добавить высоту к элементу .healcode, а не только к контейнеру.Не уверен, что это правильно.

Answer 2

height: ( $j('.healcode').height()) + 40 ) + 'px' ;

Требуется parseInt (), чтобы вы могли выполнить математическую операцию над значением.

Answer 3

function () { 
    $j("#scheduleArea").animate({height: $j('.healcode').css('height') + 40}, {queue:false, duration: 1100, easing: 'easeOutBounce'}) 
}