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

时间:2011-06-10 00:30:02

标签: javascript jquery jquery-ui google-chrome

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

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

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

基本上我的任务页面加载如下: page as its loaded

然后用户可以折叠操作组

minimize a heading

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

的顶部

drag the task over the minimized area

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

blank space remains

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

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

1 个答案:

答案 0 :(得分:0)

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

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

border-spacing: 0;

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