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

时间:2012-08-22 17:21:11

标签: jquery html css jquery-ui jquery-ui-sortable

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

我似乎有这个工作,但在当前拖动位置插入的空白空间只能够高到一行。任何人都可以看到为什么占位符不像我拖动的内容那么高?

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

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

1 个答案:

答案 0 :(得分:61)

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

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

更新了jsfiddle http://jsfiddle.net/jCNcv/2/