$(function () {

	$.fn.droppable.defaults.disabled = true; //重置修改默认值

	$('#dd').droppable({
		accept : '#box',  //可接受的放置的元素
		disabled : false, //是否允许放置
		onDragEnter : function (e, source) {  //元素拖动到放置区域的一定部分时会触发一次
			//console.log(source);
			$(this).css('background', 'blue');
			//alert('enter');
		},
		onDragOver : function (e, source) {  //元素拖动到放置区域的一定部分时会不停的触发
			//console.log(source);
			$(this).css('background', 'orange');
			//alert('over');
		},
		onDragLeave : function (e, source) {  //元素离开放置区域时触发
			//console.log(source);
			$(this).css('background', 'green');
			//alert('over');
		},
		onDrop : function (e, source) {  //元素放入到区域时并松开鼠标触发
			//console.log(source);
			$(this).css('background', 'maroon');
			//alert('over');
		},

	});
	
	//console.log($('#dd').droppable('options'));
	
	//$('#dd').droppable('disable');
	//$('#dd').droppable('enable');
	
});