表行仍然在调用JQuery删除后占用空间

时间:2010-07-09 20:12:22

标签: jquery html css css-tables

我遇到了一个奇怪的问题,无法在任何地方找到任何相关信息。我在表行上使用JQuery remove方法,当它正在删除它时,它仍然留下了以前行所占的少量空间。如果我只删除一行或两行,那几乎都不会引人注意,但当我删除更多时,你可以肯定地告诉我。该表的CSS是:

/*CSS*/
#results{margin-top:10px;}
#results table{width:750px;empty-cells:show;border-collapse:collapse;}
#results table tr td{cursor:pointer;}
tr.selected{background-color:#FAFAD2;}

/*JQuery*/
$("#btnRemove").click(function(){
    $("#results table tr.selected").remove();
});

有什么建议吗?

1 个答案:

答案 0 :(得分:2)

我建议使用Firebug来检查移除触发之前和之后的html标记,以确保它删除了您期望的元素。

其次,我建议使用firebug来检查表格,并且它的内容是为了确定填充和/或边距的确切位置。使用Firebug中HTML部分下的“布局”选项卡可以为您提供关于元素的精确测量,包括填充,边距,边框和位置/偏移,这应该可以清楚地说明问题所在。

此外,您是否在多个浏览器中进行了测试?