2013-07-16 24 views
0

當前正在使用jquery拖放操作,左側有兩個div draggable,右側有兩個div draggable,右側有droppable。我有兩個可拖動div元素,我可以拖放到可拖動的div中。無法在jquery中設置div

但我需要的是,當我將一個元素拖放到可丟棄的div中時,應該更改可拖動div的ID。

如何更改右格和左div的ID應該是相同的elemets的ID ..

這裏是我的jsfiddle jsfiddle

+0

div's ID或要回落至目標div的,elments ID? – dreamweiver

+0

您是否希望新ID'd元素仍然是放置目標? – DevlshOne

回答

1

與您的代碼:

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

您正在修改可拖動的ID,然後對其進行克隆。相反,你應該克隆它,然後修改克隆的ID。

我認爲這是你在找什麼:http://jsfiddle.net/zHZxp/7/

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