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

Question

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

此代码获取动态生成并嵌套在#scheduleArea 中的.healcode div 的高度，然后将#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 元素，而不仅仅是容器。不确定哪个是正确的。