javascript - 在 Javascript 中计算元素高度

Question

我有这样一段Javascript代码:

$content.each(function(i) {
    var $el = $(this);
    // save each content's height (where the menu items are)
    // and hide them by setting the height to 0px
    $el.data('height', $el.outerHeight(true)).css('height', '0px').show();
});

在这种情况下:

 <div id="sbi_container" class="sbi_container">
        <div class="sbi_panel" data-bg="images/1.jpg">
            <a href="#" class="sbi_label">About</a>
            <div class="sbi_content">
                <ul>
                    <li><a href="#">Subitem</a></li>
                    <li><a href="#">Subitem</a></li>
                    <li><a href="#">Subitem</a></li>
                </ul>
            </div>
        </div>
        <div class="sbi_panel" data-bg="images/2.jpg">
            ...
        </div>

我不知道为什么，但是当只有一个 <ul> (我们正在计算的高度)有一个 <li>如果里面有多个单词，它会在 <ul> 下方添加一个单独的空格. 当只有一个长字时，一切正常。

有什么想法吗？ :)

Answer 1

试试这个

.your_ul { font-size: 0; }
.your_ul li { font-size: 1234px }

它可能会起作用。