Controlar la altura del marcador de posición con jQuery-UI Sortable

html css

Question

Estoy utilizando el componente clasificable jQuery-UI para arrastrar filas de tablas. Debido a mis requisitos, estoy creando un elemento auxiliar para mantener varias filas durante el arrastre.

Parece que esto funciona, pero el espacio vacío insertado en la posición actual de arrastre es lo suficientemente alto para una sola fila. ¿Alguien puede ver por qué el marcador de posición no es tan alto como el contenido que estoy arrastrando?

Intenté establecer style="height:auto" en el elemento padre que se está arrastrando, pero esto no tiene ningún efecto.

He publicado mi código en jsFiddle en http://jsfiddle.net/jCNcv/ . Si intenta arrastrar el elemento superior hacia abajo, puede ver que el marcador de posición vacío debajo de la posición de arrastre solo es lo suficientemente alto para una sola fila.

Answer 1

El marcador de posición es solo el alto de una fila porque cada elemento clasificable es solo una fila. Puede establecer la altura del marcador de posición durante el evento de inicio a la altura de su elemento auxiliar.

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

Actualizado jsfiddle http://jsfiddle.net/jCNcv/2/