$(".user").draggable({
helper: "original"
});
$("#projectMembers").droppable({
hoverClass: "ui-state-hover",
accept: ".user",
revert: "invalid",
cursor: "move",
tolerance: "pointer",
drop: function(event, ui) {
$(this).find(".placeholder").remove();
$("<div class=\"added\"></div>").html(ui.draggable.html()).appendTo(this);
$(ui.draggable).remove();
}
});
$(".added").draggable({
helper: "original"
});
$("#trash").droppable({
tolerance: "pointer",
hoverClass: "ui-state-hover",
accept: ".added",
revert: "invalid",
cursor: "move",
drop: function(event, ui) {
$(ui.draggable).remove();
}
});
So im trying to get divs with .user class to be draggable into projectMembers, where they will get .added class ( same as users which where already inside projectMembers div), after that they should be draggable into trash. Currently this doesn't work, I can only drag elements (.added) which haven't been moved before into trash, not the new ones.