效果:
html代码:
<div id="box" style=" 400px; height: 200px; background-color: #ff6a00;"> <div id ="sm_box" style ="400px; height:30px; background-color:#ffd800;"> 可以拖动的区域(设置了handle属性) </div> 不可以拖动的区域(设置了handle属性) </div>
JS代码:
$(function () { $('#box').draggable({ revert: true,//拖动返回原位置 handle: '#sm_box'//设置可以拖动元素的ID,也就是句柄 }) })