jQuery move div в DOM

Question

Я знаю, что это задавали много раз, но я не понимаю, что неправильно в моем коде.

У меня есть серия DIV «столбцы», содержащие «объект» DIV. Я пытаюсь переместить объект DIV s из одной колонки в другую, используя следующий код.

Я не получаю никаких ошибок, просто ничего на клиенте и ничего не предлагаю в отладке, что что-то не так.

Может ли кто-нибудь предложить, почему следующее не работает?

$(".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()); 
    } 
}); 

Столбец образец Я пытаюсь добавить/удалить из вне:

<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

Вы должны были бы сцепить # в селектор с идентификатором.

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

Или, я считаю, ui.draggable это объект JQuery уже, так что попробовать:

ui.draggable.appendTo(this);