jQuery EasyUI 拖放 - 基本的拖动和放置
2023-09-14 09:14:10 时间
本教程向您展示如何使 HTML 元素可拖动,在本例中,我们将创建三个 DIV 元素然后启用他们的拖动和放置。
首先,我们创建三个 <div> 元素:
<div id="dd1" class="dd-demo"></div> <div id="dd2" class="dd-demo"></div> <div id="dd3" class="dd-demo"></div>
对于第一个 <div> 元素,我们通过默认值让其可以拖动。
$('#dd1').draggable();
对于第二个 <div> 元素,我们通过创建一个克隆(clone)了原来元素的代理(proxy)让其可以拖动。
$('#dd2').draggable({ proxy:'clone' });
对于第三个 <div> 元素,我们通过创建自定义代理(proxy)让其可以拖动。
$('#dd3').draggable({ proxy:function(source){ var p = $('<div class="proxy">proxy</div>'); p.appendTo('body'); return p; } });
相关文章
- jQuery.serializeArray() 函数详解
- 使用jquery-easyui写的CRUD插件(2)
- 使用jquery-easyui写的CRUD插件(1)
- 第二百三十节,jQuery EasyUI,后台管理界面---后台管理
- 第二百二十二节,jQuery EasyUI,DataGrid(数据表格)组件
- 第一百九十四节,jQuery EasyUI,Droppable(放置)组件
- 第二百节,jQuery EasyUI,Tabs(选项卡)组件
- 第一百九十六节,jQuery EasyUI,Tooltip(提示框)组件
- 第一百六十三节,jQuery,基础核心
- jQuery 网格布局插件
- jQuery EasyUI API 中文文档 - Panel面板
- Jquery实现Bootstrap树形列表
- 电子签章盖章之jQuery插件jquery.zsign
- jQuery EasyUI window窗口使用实例
- 通俗易懂的jquery倒计时demo效果示例(整理)
- jQuery UI dialog实现dialog弹框显示
- jQuery UI 如何使用部件库(Widget Factory)
- jQuery漏洞
- 跟随屏幕滚动层、遮罩层、获取Div相对定位、整个屏幕、html文档的jquery基本操作
- jquery案例2——点击事件添加样式、鼠标经过事件、鼠标离开事件、一组、多组样式
- jQuery EasyUI 应用 - 创建 RSS Feed 阅读器