由于某些原因,我的可排序项的占位符大约是10px。我所有可排序的项目都有不同的高度。如何更改每个占位符的高度以匹配正在移动的项目?
发布于 2011-06-07 14:35:44
我通常通过绑定一个回调来解决这个问题,该回调将占位符的高度设置为排序到start
事件的项的高度。这是一个简单的解决方案,可以让您对占位符的显示方式进行细粒度的控制。
$( ".column" ).sortable({
connectWith: ".column",
start: function(e, ui){
ui.placeholder.height(ui.item.height());
}
});
发布于 2011-05-27 01:08:13
您是否尝试过设置forcePlaceholderSize:true
属性?请阅读jQuery UI可排序documentation page。
发布于 2015-02-23 16:31:03
当从外部容器拖动项目时,您可以使用"ui.helper.scrollHeight“来稳定结果,而不是使用"ui.item.height()”。
$( ".column" ).sortable({
connectWith: ".column",
start: function(e, ui){
ui.placeholder.height(ui.helper[0].scrollHeight);
}
});
https://stackoverflow.com/questions/6140680
复制相似问题