javascript - 内容更改后元素高度

Question

我有一段代码，可以更改 DIV 的内容以匹配文本区域的内容，然后将 DIV 中的高度更改应用到文本区域元素。

<textarea class="fieldEdit" data-fieldid="1_description"></textarea>
<div class="hiddenDiv" data-fieldid="1_description"></div>

<Script>
$('.fieldEdit').live('keyup', function(){growTextArea(this)});

function growTextArea(parameter) {
// works
     $('div').find("[data-fieldid='1_description']").text($(parameter).val());
     $("[data-fieldid='1_description']").text($(parameter).val());

// No Works
     height = $('div').find("[data-fieldid='1_description']").outerHeight();
     height = $("[data-fieldid='1_description']").outerHeight();
     alert(height);

// Works
     heightDiv = $('.hiddenDiv').outerHeight();
     alert(heightDiv);

     $(parameter).css('height', $('div').find("[data-fieldid='1_description']").outerHeight());
}
</script>

DIV内容变化正常，因此搜索功能正常工作，但搜索功能始终返回DIV的原始高度。该函数由文本区域中的onKeyUp 调用。如果将 .find 替换为 .hiddenDiv，则高度变化会正确反射(reflect)。

Answer 1

您需要使用 jQuery Promise 函数。像这样的东西:

$('#divId').html(someText).promise().done(function(){
        // check height now
    });