jquery ui中的resizable放大到超过他自己的父级框时,超出部分的元素不能拖动,只能拖动显示在父级框中的一部分,
$().ready(function(e) {
//拖拽复制体
$('#bod-tree .tree-xin,#div-swp .nav-imgs').draggable({
helper:"clone",
cursor: "move"
});
//释放后
$('td[id^="row_col_"]').livequery(function() {
$(this).droppable({
addClasses:false,
drop: function (event, ui) {
var wen=($('td[id^="row_col_"]').width());
var he=($('td[id^="row_col_"]').height());
sourceElement = $(ui.helper.context).attr("id");
//$(this).children().remove();
var source = ui.draggable.clone();
source.appendTo($(this));
$("#tb-table .tree-xin,#tb-table .nav-imgs").css({
width:wen+'px',
height: he+'px',
top:'0px',
position:'absolute',
}).draggable({
revert : 'invalid',
containment: "document",
scope : 'drop',
}.resizable({
containment: '#mqxians',
handles: "all",
});
$('#mqxians').droppable({//拖动到指定的div当中
scope: 'drop',
addClasses: false,
drop: function (event, ui) {//拖拽期间触发
var ud = ui.draggable;
/* var to=;
var le=;*/
ud.appendTo($(this)).css({
position : 'absolute',
left : ui.offset.left-($('#mqxians').offset().left),
top : ui.offset.top-($('#mqxians').offset().top)
}).draggable({
scope: 'drop',
containment: 'document',
revert: 'invalid',
}).resizable({
containment: 'parent',
handles: "all",
});
},
out: function (event, ui) {
var close = ui.draggable;
pip_close = close.attr("id");
ui.draggable.remove();
},
});
},
});
});
});
相似问题