小编use*_*993的帖子

具有droppable draggable和resizable的Jquery无法按预期工作

使用可调整大小的Droppable中的JQueryUI Draggable不起作用.想法是能够拖动拖放到div的元素,并为已删除的元素调整大小.

工作代码:http://jsfiddle.net/lukaszjg/GvDLh/

重现问题的说明:

  1. 拖动"拖我"到"放下的地方"
    1. 尝试调整大小
    2. 尝试将拖动的元素拖到"放置位置"内
    3. 尝试再次调整大小拖动元素 - 无法按预期工作

请在下面找到#dragme和#droppable引用相应div的代码.任何ide如何解决它?

$("#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();
}
});
Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui droppable draggable resizable

5
推荐指数
1
解决办法
4981
查看次数

标签 统计

draggable ×1

droppable ×1

jquery ×1

jquery-ui ×1

resizable ×1