javascript - 无法在 jquery 中设置 div

Question

目前使用 jquery 拖放，我draggable在左侧和droppable右侧有两个 div。我在可拖动的 div 中有两个元素，我可以从中拖放到可放置的 div

但我需要的是，当我将 an 元素放入可放置 div 时，应更改可放置 div 的 id。

如何更改右 div 元素的 id 和左 div 的 id 应该相同..

这是我的jsfiddle

Answer 1

With your code:

drop: function(event, ui) {
    var j="b_"+i;
    ui.draggable.attr("id",j);
    id = ui.draggable.attr("id");
    console.log(id);
    $(this).append(ui.draggable.clone());
    ....

You were modifying the draggable's ID, and then cloning it. Instead, you should be cloning it and then modifying the clone's ID.

I think this is what you are looking for: http://jsfiddle.net/zHZxp/7/

drop: function(event, ui) {
    var j="b_"+i;
    $(this).append(ui.draggable.clone().attr("id",j));
    ....