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

Question

我试图在每个换行符处将一些段落分成各自的行。当尝试恢复元素的高度时，我的代码似乎崩溃了，它总是返回“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/ - 通过向上箭头键

调用的函数

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

Answer 1

如果元素没有插入到文档中，则它们没有维度。另外，您正在创建您的 <p>错误。