JQueryUI可拖拽的元素无法在具有可调整大小功能的可放置区域内工作。其想法是能够拖动元素并将其放置到带有调整大小的div中以进行放置元素的拖动。
可工作的代码:http://jsfiddle.net/lukaszjg/GvDLh/
重现问题的说明:
- 将“拖动我”拖到“放置的位置”
- 尝试调整大小
- 尝试将拖动的元素拖入“放置的位置”
- 再次尝试调整拖动的元素的大小-结果与预期不符
请查找下面的代码,其中#dragme和#droppable分别指向相应的div。 有什么方法可以解决它吗?
$("#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();
}
});
.ui-resizable-handle
元素。z-index冲突的处理方式可能因浏览器而异。 - mu is too short