JqueryUI_draggable 和droppable获取源DOM元素和当前DOM元素

效果图：（拖拽a到b打印结果如图，源码在后面）

基础知识：

所有的事件回调函数都有两个参数：event和ui

event: 浏览器原生的事件 ； ui: 一个JQuery的ui对象。
其中ui 有以下属性：
a) ui.helper: 正在拖动的元素的JQuery包装对象, ui.helper.context可以获取到原生的DOM元素.
b) ui.position: ui.helper(也就是我们要拖动的元素)相对于父元素(包含自己的元素, 如果是顶层, 对应body)的偏移, 值是一个对象{top, left}—-也就是可以用ui.position.top获取到该元素与父元素的top当前偏移

c) ui.offset: 与ui.position同意, 这里表示的是和浏览器内容区域左上边界的偏移(注意, 是内容区域, 而不是html的body区域. html的body在默认情况下, 各种浏览器中都会相对offset有偏移的)

源代码：

	
		
		
		
		
	

	
		
a
		
b