18

jQuery-UI のソート可能なコンポーネントを使用して、テーブルの行をドラッグしています。私の要件により、ドラッグ中に複数の行を保持するヘルパー要素を作成しています。

これは機能しているようですが、現在のドラッグ位置に挿入された空のスペースは、1 行分の高さしかありません。プレースホルダーがドラッグしているコンテンツの高さほど高くない理由がわかりますか?

style="height:auto"ドラッグされている親要素に設定しようとしましたが、これは効果がありません。

コードをhttp://jsfiddle.net/jCNcv/の jsFiddle に投稿しました。一番上のアイテムを下にドラッグしようとすると、ドラッグ位置の下にある空のプレースホルダーの高さが 1 行分しかないことがわかります。

4

1 に答える 1

64

並べ替え可能な各項目は 1 行のみであるため、プレースホルダーは 1 行の高さのみです。開始イベント中のプレースホルダーの高さをヘルパー要素の高さに設定できます。

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

更新されたjsfiddle http://jsfiddle.net/jCNcv/2/

于 2012-08-23T03:01:57.607 に答える