javascript - jQuery/Javascript元素高度始终返回0

我试图在每个换行符处将一些段落分成各自的行。尝试恢复元素的高度时，我的代码似乎中断了，它始终返回“ 0”。

我的功能：

function getLines(element){
    words = element.text().split('');
    width = element.width();
    lines = [];
    hiddenElement = jQuery('<p width ="'+ width +'px", visible ="true"></p>');
    hiddenElement.text('i'); //add character to get height
    height = hiddenElement.height();
    alert(height);
    hiddenElement.empty();
    jQuery.each(words, function(i, val) {
      lineText = hiddenElement.text();
      hiddenElement.text(lineText + this);
        if(hiddenElement.height() > height) {
            lines.push(lineText);
            hiddenElement.text(this);
        }
   });
    alert(hiddenElement.height());
    alert(lines);
    jQuery('body').append(hiddenElement); // to see results
}

http://jsfiddle.net/zQUhV/2/-通过up arrow key调用的函数

为什么它返回0而不是元素的高度？

最佳答案

如果元素未插入文档中，则没有尺寸。此外，您正在错误地创建<p>。

关于javascript - jQuery/Javascript元素高度始终返回0，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16205497/