ziehbare divs auf droppable textboxen dann zurück zu ihren ursprünglichen Orten

Question

Ich versuche, meine divs auf Droppable Texboxen ziehen, dann würde ich gerne ziehbare divs zurück zu ihren ursprünglichen Orten mit löschbaren in Textfelder senden.

in diesem jsfiddle Ich verstecke die aktuelle ziehbare und Anzeige der Text in Textfelder, aber wenn ich klickbare Schaltfläche klicken, zeige ich alle ziehbaren divs. Wie kann ich nur den aktuellen ziehbaren nach dem Klicken löschbaren Knopf anzeigen? oder gibt es eine andere Möglichkeit, das zu tun?

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

Ich brauche $ (". Draggable") auf die aktuelle ziehbare ändern. Denn gerade jetzt: Wenn ich in einer beliebigen Textbox auf die deaktivierbare Schaltfläche klicke, werden alle ziehbaren Divs an ihre ursprünglichen Stellen zurückversetzt.

Answer 1

Ich habe es gerade herausgefunden. Wenn ich ein div auf eine Textbox ziehe, gebe ich eine ID an ziehbares div.

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

dann, wenn Sie auf die löschbare Schaltfläche klicken, rufe ich diese ID.

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

Sie können es hier aus http://jsfiddle.net/nakres/hqbhLzkm/