效果：
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，也就是句柄
})
})