Comment faire pour déplacer un élément dans le DOM?

J'ai un élément #superWidget dans les DOM est très interactive. Il utilise jquery UI sortable, déplaçables, et un tas d'autres plugins.

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

Je veux changer la position de #superWidget dans les DOM. Je veux retirer de #wrapperB et le placer dans #wrapperA.

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

J'ai essayé la chose suivante...

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

...cependant, cette brise beaucoup de plugins.

Je ne veux pas avoir à relier le tout. Est-il une meilleure façon de le faire? (J'ai remarqué que jquery UI sortable est en quelque sorte capable de déplacer des éléments dans le DOM sans casser toute interactivité... il doit y avoir un moyen.)

Merci (d'avance) pour votre aide

InformationsquelleAutor user1031947 | 2012-12-30
  1. 50

    Plutôt que de dupliquer, il suffit de faire ceci:

    document.getElementById('wrapperA').appendChild(document.getElementById('superWidget'));
    InformationsquelleAutor Niet the Dark Absol