jquery可排序的占位符高度问题

Question

由于某种原因,我的可排序项目的占位符大约是10px.我所有的可排序项目都有不同的高度.如何更改每个占位符的高度以匹配要移动的项目？

Answer 1

我通常通过绑定一个回调来解决这个问题,该回调将占位符的高度设置为要排序到start事件的项目的高度.这是一个简单的解决方案,可以让您精确控制占位符的显示方式.

$( ".column" ).sortable({
    connectWith: ".column",
    start: function(e, ui){
        ui.placeholder.height(ui.item.height());
    }
});

查看 更新的测试用例

Answer 2

你试过设置forcePlaceholderSize:true房产吗？阅读jQuery UI Sortable 文档页面.