$(function () {
	$.fn.draggable.defaults.cursor = 'text'; //修改拖动全局属性，以后用到拖动组件时默认都是这个设置，不需要一个个个去修改了


	$('#box').draggable({
		//revert : true,  //鼠标松开后是否自动返回之前的位置
		//cursor : 'text', //拖动时鼠标的手势
		//handle : '#pox', //可拖动的区域
		//disabled : true,  //是否允许拖动
		//edge : 180,   //边框以内的180px都不能拖动
		//axis : 'v',   //只能垂直拖动改成h是水平
		//deltaX : 50, //拖动时鼠标距离左上点的x轴为50
		//deltaY : 50,
		//proxy : 'clone', //拖动时克隆出一个一个样的
		//proxy : function (source) {  //这里效果是拖动时有虚拟边框
		//	var p = $('<div style="width:400px;height:200px;border:1px dashed #ccc">');
		//	p.html($(source).html()).appendTo('body');
		//	return p;
		//}
		
		//onBeforeDrag : function (e) {
		//	alert('拖动前触发！');
		//},
		//onStartDrag : function (e) {
		//	//alert('拖动开始触发！');
		//	console.log($('#box').draggable('proxy'));
		//},
		//onDrag : function (e) {
		//	alert('拖动过程触发！');
		//},
		//onStopDrag : function (e) {
		//	alert('拖动结束后触发！');
		//},
	});
	
	
	//$('#box').draggable('disable');  //禁止拖动
	
	//$('#box').draggable('enable');   //允许
	
	//$('#box').draggable('proxy'); // 拖动时，克隆本身
	//console.log($('#box').draggable('options')); //打印出拖动组件的所有默认和以设置属性
	
	
});