欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jQuery div拖拽用法实例_jquery

程序员文章站 2022-04-23 18:59:40
...
本文实例讲述了jQuery div拖拽用法。分享给大家供大家参考,具体如下:

这里需要引用好jquery 和 jqueryui两个包:



Document
"; $(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 = "
原件"+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; }}); }
展示列表
原件列表
相关标签: jQuery div 拖拽