EasyUI - Draggable 拖动控件

效果：

 

html代码：

<div id="box"  style="width: 400px; height: 200px; background-color: #ff6a00;">
    <div id ="sm_box" style ="width:400px; height:30px; background-color:#ffd800;">
        可以拖动的区域（设置了handle属性）
    </div>
    不可以拖动的区域（设置了handle属性）
</div>

 

JS代码：

$(function () {
    $('#box').draggable({
        revert: true,//拖动返回原位置
        handle: '#sm_box'//设置可以拖动元素的ID，也就是句柄
    })
})