可拖動的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/