jquery - jQuery/jQueryUI Droppable的形状为Draggable

我有一个单列表，其中每个单元格都是一个可放置对象的可放置对象。该表的边框是可见的，但我不希望将固定大小的单元格着色和可见，这对我来说很难看。当我拖动一个可拖动对象与一个单元格相交时，该单元格会突出显示，这并不难做到，但是我也希望该突出显示能够容纳可拖动对象的大小。所有可拖动对象的宽度都是固定的，但是有些高度比其他高度高，因此调整高度就足够了，但是我不知道从哪里开始。 Here是我要寻找的一种适应性示例。

最佳答案

根据您的要求，我建议您使用jQueryUI“ Sortable”而不是Draggable / Droppable。
参见portlets demo on the jQueryUI site，它应该是您要寻找的功能。

编辑：@Subhamoy，我现在明白您的意思了。
这是一个使用Sortable并依赖CSS来构建表的解决方案：
Link to jsfiddle

关键部分是“结束”处理程序，它负责调整占位符的大小：

$( ".target .tbody" ).sortable({
    forcePlaceholderSize: true,
    placeHolder: "ui-sortable-placeholder",
    connectWith: ".source .tbody",
    items: "> .tr",
    over: function(event, ui) {
        var $context = $(this)
            ,$h = ui.helper
            ,$p = $('.ui-sortable-placeholder', $context)
            ,hheight = $h.height()
        ;
        $p.removeAttr("style");
        $p.css("height", hheight + "px");
    }
});

关于jquery - jQuery/jQueryUI Droppable的形状为Draggable，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14830983/