html5draggable属性是如何做到页面拖动效果的？方法总结在这里！

$('#box').draggable({

    onStartDrag : function (e) {

        alert('拖动开始时触发！');

        //return false;

    }

});

$('#box').draggable({

    onDrag : function (e) {

        alert('拖动过程中触发！');

    }

});

在拖

$('#box').draggable({

    onStopDrag : function (e) {

        alert('在拖动停止时触发！');

    }

});

$('#box').draggable({

    onBeforeDrag : function (e) {

         alert('拖动之前触发！');

        //return false;

    },

    onStartDrag : function (e) {

       alert('拖动时触发！');

    },

    onDrag : function (e) {

        alert('拖动过程中触发！');

    },

    onStopDrag : function (e) {

        alert('在拖动停止时触发！');

},});

//返回属性对象

console.log($('#box').draggable('options'));

//返回代理元素

onStartDrag : function (e) {

console.log($('#box').draggable('proxy'));

},

//禁止拖动

$('#box').draggable('disable');

//允许拖放

$('#box').draggable('enable');

$(function(){

    $.fn.draggable.defaults.cursor = 'text';

});