I want to know that how can I persist the divs dropped on a draggable. I have been trying since long but stuck at this point. Actually you can see the demo here. I have to save the user designed wedding floor. So whenever user logins next time he/ she is able to see the last design saved. The code is shown below:
$(document).ready(function() {
$("#droppable").droppable({
accept: '.draggable',
drop: function(event, ui) {
$(this).append($(ui.draggable).clone());
$("#droppable .draggable").addClass("objects");
$(".objects").removeClass("ui-draggable draggable");
$(".objects").draggable({
containment: 'parent',
});
}
});
$(".draggable").draggable({
helper: 'clone',
tolerance: 'touch',
cursor:'move'
});
});