使用 jQuery-UI Sortable 控制占位符高度答案

【问题标题】：Controlling Placeholder Height with jQuery-UI Sortable使用 jQuery-UI Sortable 控制占位符高度
【发布时间】：2012-08-18 04:21:22
【问题描述】：

我正在使用 jQuery-UI 可排序组件来拖动表格行。由于我的要求，我正在创建一个辅助元素来在拖动过程中保存多行。

我似乎有这个工作，但在当前拖动位置插入的空白空间只够单行。谁能看到为什么占位符没有我拖动的内容那么高？

我尝试在被拖动的父元素中设置style="height:auto"，但这没有效果。

我在 jsFiddle 上发布了我的代码 http://jsfiddle.net/jCNcv/。如果您尝试将顶部的项目向下拖动，您可以看到拖动位置下方的空占位符仅够单行。

【问题讨论】：

【解决方案1】：

占位符只有一行的高度，因为每个可排序项目只有一行。您可以在开始事件期间将占位符高度设置为辅助元素的高度。

start: function(e, ui ){
     ui.placeholder.height(ui.helper.outerHeight());
},

【讨论】：