2

我有这样的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>包含多个单词的 a 时，它会在下面添加一个单独的空格<ul>。当只有一个长字时，一切都好。

有任何想法吗？:)

4

1 回答 1

0

尝试这个

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

它可能会起作用。

于 2012-08-02T14:56:40.003 回答