テーブルの行をドラッグアンドドロップして並べ替えることができる基本的なjQueryスクリプトを作成しました。すべてがうまく機能しています-私が理解できない唯一のことは、ドラッグされている間に行の「ゴースト」画像を作成する方法です。
行のクローンを作成してみました
$(this).clone().addClass('dragClone');
次のCSSを使用
.dragClone{opacity:0.4;position:absolute;z-index:1500;}
しかし、何も現れませんでした。TRがテーブル内に存在する必要があるかもしれないと考えて、テーブル全体のクローンを作成し、行を空にして、選択したTRを次のように追加しました。
$('.dragTable').clone().addClass('dragClone');$('.dragClone').find('tbody').empty().append($('.origZone'));
(origZoneは、ドラッグされるTRに与えられるクラスです)
まだ何も表示されていません。
私はこれまでクローンを使用したことがないので、私が近くにいるのか、それとも正しい方向に進んでいるのかまったくわかりません。目標は、Redips_dragプラグイン(http://www.redips.net/javascript/drag-and-drop-table-row/)で使用されているものと同様のゴーストイメージを作成することです。