Response title
This is preview!
JQueryUI Draggable inside Droppable doesn't work. Idea is to be able drag elements which are dragged and dropped to div with resize for dropped elements.
Working code: http://jsfiddle.net/lukaszjg/GvDLh/
1. Drag "drag me" to the "place to drop"
2. Try resize
3. Try to drag dragged element inside "place to drop"
4. Try resize again dragged element - is not working as expected
Please find code below where #dragme and #droppable refer to corresponding divs.
Any ide how to fix it ?
$("#dragme").draggable({
helper: 'clone',
cursor: 'move',
tolerance: 'fit'
});
var x = null;
$("#droppable").droppable({
drop: function(e, ui) {
x = ui.helper.clone();
x.draggable({
helper: 'original',
containment: '#droppable',
tolerance: 'fit'
});
x.resizable();
x.appendTo('#droppable');
ui.helper.remove();
}
});
helper: 'clone',
cursor: 'move',
tolerance: 'fit'
});
var x = null;
$("#droppable").droppable({
drop: function(e, ui) {
x = ui.helper.clone();
x.draggable({
helper: 'original',
containment: '#droppable',
tolerance: 'fit'
});
x.resizable();
x.appendTo('#droppable');
ui.helper.remove();
}
});
1