JQuery隐藏不删除对象的空间？

Question

我正在使用一些 jQuery 代码来隐藏列表项...

 $("ul.items").each(function() {
    $("li:gt(4)", this).hide();

我的问题是 .hide 似乎隐藏了该元素，但它的空间仍然被分配。

有没有办法像 CSS 上的 display:none 那样删除这个空格？

更新:.hide 实际上正在拿走该元素，但其他元素并未向上拉伸(stretch)以占据该元素留下的缺失空间。

Answer 1

嗯，这不应该发生。 $.fn.hide() 设置 display: none; 而不是 visibility: hide; 或 opacity: 0; (这将隐藏元素但保持其空间被占用)。

“这大致相当于调用 .css('display', 'none')，只不过 display 属性的值保存在 jQuery 的数据缓存中，以便稍后可以将显示恢复到其初始值” - 来自http://api.jquery.com/hide/ .

编辑:您是否使用 Firebug(或类似的)检查过该元素实际发生了什么？