Bootstrap -- 模态框实现拖拽移动
###
这里实现这个效果
需要引入
jquery-ui.min.js类库
jquery-ui.min.css样式
使用它提供的draggable()方法实现
###
菜鸟教程
http://www.runoob.com/try/try.php?filename=jqueryui-example-draggable
引入cdn的链接
<link rel="stylesheet" href="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.css" />
<script src="/assets/libs/single_file/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.js"></script>
添加js
$(\'.modal\').draggable();
即可
- 上一篇 »java实现鼠标拖拽动作监听
- 下一篇 »【转】 HTML5 元素拖拽 移动删除效果