注册 登录 充值会员 退出
毕业设计 PHP源码
充值

jQuery UI拖拽信息到Table表格特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-03-28
jQuery UI拖拽信息到Table表格特效
jQuery UI拖拽到Table表格特效是一款把想要的信息拖拽到表格里面特效下载。


js代码

<script type="text/javascript" language="javascript">
   //在页面加载完之后加载jquery
   $().ready(function(e) {
       //拖拽复制体
       $('td[id^="draggable"]').draggable({
		   helper:"clone",
		   cursor: "move"
		 });

		//释放后
	   $('td[id^="target"]').droppable({
			drop:function(event,ui){
				$(this).children().remove();
				var source = ui.draggable.clone();
				$('<img/>', {
					src: 'btn_delete.png',
					style:'display:none',
					click: function() {
					  source.remove();
					}
				}).appendTo(source);

			
				source.mouseenter(function () { 
					$(this).find("img").show();
				}); 

				source.mouseleave(function () {
					$(this).find("img").hide();
				}); 

				$(this).append(source);

			}
		});
     });
</script>