实现拖拽效果

使用jquery.drag.js插件比较方便快捷的实现拖拽,里面有封装好的插件

<div class="container-fluid border border-dark w-90 mt-1" style="height:180px">
     <div id='drag-4' class="w-50 border border-primary mt-1">
	<div class="handler border border-bottom">指定拖拽把柄</div>
	<input type="text">
     </div>
</div>

js部分
$("#drag-4").myDrag({
     randomPosition:false,
     direction:'all',
     handler:'.handler'
 });

　

链接: https://pan.baidu.com/s/1yv1jwIqgJeFBHO7lpJveyA 密码: ctdf

摘自http://www.aijquery.cn/Html/chajian/117.html