21

DOM に非常にインタラクティブな要素 #superWidget があります。jquery UI のソート可能、ドラッグ可能、およびその他のプラグインの束を使用します。

<div id="wrapperA"></div>
<div id="wrapperB">
  <div id="superWidget"></div>
</div>

DOM 内の #superWidget の位置を変更したい。#wrapperB から削除して、#wrapperA に配置したいと考えています。

<div id="wrapperA">
  <div id="superWidget"></div>
</div>
<div id="wrapperB"></div>

私は次のことを試しました...

var copy = $("#superWidget").clone(true, true);
$("#superWidget").remove();
$("#wrapperA").append(copy);

...しかし、これは多くのプラグインを壊します。

すべてを再バインドする必要はありません。これを行うより良い方法はありますか？(jquery UI sortable は、インタラクティブ性を損なうことなく、何らかの方法で DOM 内で要素を移動できることに気付きました...方法が必要です。)

ご協力いただきありがとうございます（事前に）

4

1 に答える 1

55

複製するのではなく、次のようにします。

document.getElementById('wrapperA').appendChild(document.getElementById('superWidget'));
于 2012-12-30T05:56:15.583 に答える