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/