jQuery déplacer div autour dans DOM

Question

Je sais que cela a été demandé à plusieurs reprises, mais je ne comprends pas ce qui est incorrect sur mon code.

J'ai une série de 'colonnes' DIV contenant un certain 'objet' DIV s. J'essaie de déplacer l'objet DIV d'une colonne à l'autre en utilisant le code ci-dessous.

Je ne reçois aucune erreur, rien sur le client et rien à suggérer dans le débogage que quelque chose ne va pas.

Quelqu'un peut-il suggérer pourquoi ce qui suit ne fonctionne pas?

$(".column-heading").droppable({ 
    accept: ".column-item", 
    drop: function (ev, ui) { 
     //alert(this.id); 
     //alert(ui.draggable.attr("id")); 

     $(ui.draggable.attr("id")).appendTo($(this).parent()); 
    } 
}); 

Une colonne d'exemple que je suis en train d'ajouter/retirer est:

<div class="column"> 
    <div id="COL_1" class="column-heading">Status 1</div> 
    <div id="OBJECT_1" class="column-item">Agreement 1</div> 
    <div id="OBJECT_2" class="column-item">Agreement 2</div> 
</div> 

Answer 1

Vous devrez concaténer # dans le sélecteur avec l'ID.

$('#' + ui.draggable.attr("id")).appendTo(this); 

Ou, je crois ui.draggable est un objet jQuery déjà, alors essayez:

ui.draggable.appendTo(this);