87,910
社区成员
发帖
与我相关
我的任务
分享
$(document).ready(function(){
$(function() {
$(".nav-imgs").draggable({
revert : 'invalid',//如果设置为 "invalid",还原仅在 draggable 未放置在 droppable 上时发生
opacity : 0.7,//不透明度
helper : 'clone',//如果设置为 "clone",元素将被克隆,且克隆将被拖拽
scope : 'drop'//一个“default”与droppable带有相同的scope值的draggable会被该droppable接受
});
$(".div-rows-col").droppable({//拖动复制到指定的div当中
scope : 'drop',
drop : function(event, ui) {
var ud = ui.draggable;
if (ud.draggable("option", "helper") == "clone") {
ud.clone().appendTo($(".div-rows-col")).css({
position : 'absolute',
left : ui.offset.left,
top : ui.offset.top
}).draggable({
scope : 'drop',
revert : 'invalid'
}).resizable();//调整大小resizable
}
},
out : function(event, ui) {
ui.draggable.remove();
}
});
});
$(function() {
$(".ui-widget-conten").resizable();
});
});
您好,请问您解决问题了吗,我现在也很想知道js怎么实现
if (ud.draggable("option", "helper") == "clone") {
ud.clone(true).appendTo($(".div-rows-col")).css({
position : 'absolute',
left : ui.offset.left,
top : ui.offset.top
}).draggable({
scope : 'drop',
revert : 'invalid'
}).resizable();//调整大小resizable
}