JQuery UI Sortable只在Chrome中放置空白位置？

Question

我有一个会议纪要/动作应用程序，它有一些Jquery UI可排序的问题。

我上传了一个关于我的问题的截屏视频： http://screencast.com/t/YCiuJ3YS

这只发生在Chrome，firefox4和IE8都没问题。任何其他浏览器都无关紧要。

基本上我的任务页面加载如下：

然后用户可以折叠操作组

他们还可以在组之间拖放任务。下图显示了我使用Jquery UI进行排序，我将其拖到

的顶部

执行此操作后，由于某种原因，它会留下为占位符创建的空白区域。如果我多次拖动，这只会添加越来越多的空间。

我使用左侧的检查器查看了DOM，当我完成拖动时，我看不到任何未反转的更改。我正在使用最新的Jquery UI，Jquery和Chrome。

任何人都知道我在哪里看？

Answer 1

以下是可能出现同样问题的讨论： http://forum.jquery.com/topic/sortable-problem-on-chrome-browser

讨论的解决方案是将其添加到表格样式：

border-spacing: 0;

显然，Webkit会错误地计算tr元素的高度。