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/

将修理容器。

自定义助手与jQuery UI可排序

2 个答案: