将高度添加到动态创建的 div

Question

我没有运气尝试为动态创建的 div 添加一点高度。

此代码获取 .healcode div 的高度，该高度是动态生成的并嵌套在#scheduleArea 中，然后将#scheduleArea 动画化到该高度。我希望能够在为 .healcode 生成的任何高度上添加额外的 40px。

这是无需额外高度即可工作的代码：

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'}) 
}, 

注意在高度加 40 后对 .height 的额外调用。

http://jsfiddle.net/CFCnZ/

注意：与其他答案不同，我将问题解释为您希望实际将高度添加到 .healcode 元素，而不仅仅是容器。不确定哪个是正确的。

Answer 2

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

Answer 3

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

parseInt() 是必需的，因此您可以对值执行数学运算。