效果:
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,也就是句柄 }) })
原文:http://www.cnblogs.com/KTblog/p/4865433.html