jQuery div拖拽用法实例_jquery
程序员文章站
2022-04-18 21:10:22
...
本文实例讲述了jQuery div拖拽用法。分享给大家供大家参考,具体如下:
";
$(this).before(new_div);
//可以在这里绑定tmpId事件
}
}
}
});
});
var ele = '';
var add_div_num = 0;
function add_yuanjian(){
add_div_num++;
var div_id = "div_yuanjian_"+add_div_num;
var add_div = "
这里需要引用好jquery 和 jqueryui两个包:
Document
原件"+add_div_num+"
";
$('#add_yuanjian_div').before(add_div);
$('#'+div_id).mouseover(function(){
$(this).css({background:"#E0E0E0"});
}).mouseout(function(){
$(this).css({background:"#FFFFFF"});
}).draggable({
helper:'clone',
opacity:0.5,
start:function(event,ui){
ele = event.srcElement || event.target;
}});
}
展示列表
原件列表