具有jQuery UI可排序的自定义帮助程序

我已经用jQueryUISortable组件创建了一个自定义帮助器元素

$(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();
});

$（函数（）{
$（“#可排序”）。可排序({
占位符：“ui状态突出显示”，
助手：函数（）{
返回美元（“[XXXXXXXXXXXXX][XXXXXXXXXX]”）；
},
});
$（“#可排序”）.disableSelection（）；
});

事实上，当我拖动项目时，自定义元素确实会出现。然而，它溢出了“拖拽框”，这显然是一个容器，用于存放被拖拽的对象

我已将代码和标记发布在

有人能看到我遗漏了什么吗？

在CSS添加中

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

---

您指定了应用于辅助对象的每个tr的高度

---

将修复容器。

那么，您是否只是想去掉包含元素，以便看到带有X的红色框？是的，或者至少，使包含元素足够大，以包含红色框。是的，这是一种可能性。还在测试。嗯。。。我真的很难看清你到底在哪里改的。我已经比较了你的代码和我的代码，但是没有找到。我在哪里设置每个tr的高度而您的代码不设置？