jquery - 带有 jQ​​uery UI 可排序的自定义助手

Question

我使用 jQuery UI 可排序组件创建了一个自定义帮助器元素。

$(function() {
    $("#sortable").sortable({
        placeholder: "ui-state-highlight",
        helper: function() {
            return $('<tr style="background-color:Fuscia"><td colspan="5" ><table><tr><td class="ui-state-default" style="background-color:Red">[XXXXXXXXXXXX]</td></tr><tr><td colspan="5" class="ui-state-default" style="background-color:Red">[XXXXXXXXXXXX]</td></tr></table></td></tr>');
        },
    });
    $("#sortable").disableSelection();
});

当我拖动一个项目时，实际上会出现自定义元素。但是，它溢出了“拖动框”，该“拖动框”显然是被拖动的任何东西的容器。

我已经在http://jsfiddle.net/LpyXh/上发布了我的代码和标记。

有人能看到我错过了什么吗？

Answer 1

在 CSS 中添加

.ui-sortable-helper
{
   background:none;    
   border:none;   
}

http://jsfiddle.net/LpyXh/2/

Answer 2

您指定了每个 tr 的高度，该高度将应用于助手。

http://jsfiddle.net/LpyXh/3/

将修复容器。