2

jQueryUI を使用して並べ替え可能なカードの大きなテーブルを作成しています。各カードは、CSS を使用してスタイリングされたネストされた div タグの大きなツリーで構成されています。特定の条件下でカードをドラッグすると、ドラッグ中に「実際の」カードのすぐ右側にホバーするカードのわずかに透明な「クローン」を作成したいのですが、実際にはすべての HTML を複製したくありません。この視覚効果を達成するために。

では、JavaScript を使用して、実際に HTML を複製することなく、Web ページ上の同じ DOM 要素を 2 つの異なる場所に描画することは可能ですか?

答えてくれた人に感謝します。

4

1 に答える 1

2

各DOM要素は、DOMにまったく接続されていないか、特定の1つの親に接続されています。同じ要素を2つの異なる場所に表示することはできません。新しい親にアタッチすると、要素が古い親から移動するだけです。

使用するかcloneNode(クローンされていないため、新しいイベントハンドラーをアタッチするように注意してください)、いくつかの「テンプレート」要素を生成するJSファクトリで作成し、それぞれを異なる親にアタッチできます。

于 2012-07-26T16:23:57.517 に答える