您当前的位置:首页 > 网站建设 > jQuery
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery |

jQuery EasyUI 基础插件 - Draggable 可拖动

51自学网 2023-01-16 20:14:23
  jQuery

通过 $.fn.draggable.defaults 重写默认的 defaults。

用法

通过标记创建可拖动(draggable)元素。

<div id="dd" class="easyui-draggable" data-options="handle:'#title'" style="width:100px;height:100px;">    <div id="title" style="background:#ccc;">title</div></div>

使用 javascript 创建可拖动(draggable)元素。

<div id="dd" style="width:100px;height:100px;">    <div id="title" style="background:#ccc;">title</div></div>
$('#dd').draggable({    handle:'#title'});

属性

名称 类型 描述默认值
proxy string,function 拖动时要使用的代理元素,设置为 'clone' 时,克隆元素将被用作代理。如果指定一个函数,它必须返回一个 jQuery 对象。
下面的实例演示了如何创建简单的代理对象。
$('.dragitem').draggable({
下载地址:
jQuery EasyUI 基础插件 - Droppable 可放置
jQuery EasyUI 基础插件 - Easyloader 加载器
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1