JQuery – abgelegtes Element in sortierbarer Liste manipulieren ⇐ Jquery

[Anonymous]

Ich habe eine ziehbare Liste (.field), aus der Sie Elemente per Drag & Drop in eine sortierbare Liste (.sortlist) ziehen können. Ich habe es so gemacht, weil ich nicht wollte, dass die Masterliste (.field) in irgendeiner Weise geändert wird. Es funktioniert gut, außer dass ich nicht herausfinden kann, wie ich das abgelegte Feld in einer sortierbaren Liste manipulieren kann.

Ich kann es von einem ziehbaren in einen ablegbaren Bereich tun, indem ich Folgendes in einer Funktion für „drop:“ in droppable() verwende:

Code: Select all

$(this).append('html code here to change content of dragged field');

Dies funktioniert jedoch nicht innerhalb eines sortable(). Mein Code sieht so aus:

Code: Select all

$(".sortlist").sortable({
receive: function(event, ui) {
var dropElemTxt = $(ui.item).text();
var dropElemId = $(ui.item).attr('id');
$(ui.item).replaceWith('[*]Updated field! '+dropElemTxt+'');
}
});

$(ui.item).replaceWith ändert das Master-Feld, das gezogen wurde, sodass dies nicht funktioniert. Und ich habe $(this).replaceWith ausprobiert, aber das aktualisiert den sortierbaren Bereich (.sortlist).

Irgendeine Idee, welchen Code ich brauche, um auf das gezogene Element zu verweisen?

Vielen Dank,
Ali.