JQuery перемещать div в DOM - PullRequest
Новая
       8

JQuery перемещать div в DOM

1 голос
/ 24 августа 2010

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

У меня есть серия DIV 'столбцов', содержащих некоторый 'объект' DIVs.Я пытаюсь переместить объект 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>

1 Ответ

1 голос
/ 24 августа 2010

Вам необходимо объединить # в селектор с идентификатором. 

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

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

ui.draggable.appendTo(this);
...