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>中包含多个单词时，它会在{{{{{ 1}}。当只有一个长字时，一切都还可以。

有什么想法吗？：）

Answer 1

试试这个

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

它可能有用。

在Javascript中计算元素高度

1 个答案: