可拖动的div到可放置的文本框然后返回到它们原来的位置

Question

我想拖动我的div到可放置的texboxes然后我想发送可拖动的div回到它们在文本框中使用可清除的原始位置。

在这个jsfiddle 我隐藏了当前的可拖动和显示文本框内的文本，但当我点击可清除按钮时，我显示所有可拖动的div。点击可清除按钮后，我怎样才能显示当前的可拖动？还是有其他方法可以做到这一点？

.on('touchstart click', '.onX', function(ev) { 
$(".draggable").css({ 
'left': $(".draggable").data('originalLeft'), 
'top': $(".draggable").data('origionalTop') 
}); 
$(".draggable").show(); 
$(this).removeClass('x onX').val('').change(); 
}); 

我需要将$（“。draggable”）更改为当前的可拖动。因为现在当我单击任何文本框中的可清除按钮时，所有可拖动的div都会返回到原来的位置。

Answer 1

我刚刚弄明白了。当我把一个div拖到一个文本框时，我给一个可拖动div的id。

$(ui.draggable).attr("id", $(ui.draggable).text()); 

然后，当点击可清除按钮我呼叫该ID。

$("#" + currentID).css({ 
     'left': $(".draggable").data('originalLeft'), 
     'top': $(".draggable").data('origionalTop') 
    }); 
    $("#" + currentID).show(); 

你可以检查出来这里http://jsfiddle.net/nakres/hqbhLzkm/