首页 > Web开发 > 详细

通过jQuery EasyUI实现基本的拖放,此为转发!!大家学习讨论

时间:2015-09-29 13:08:32      阅读:194      评论:0      收藏:0      [点我收藏+]

本教程(转自慧都控件网)将为你展示如何使HTML元素可拖动。在这个示例中我们将创建3个DIV元素,然后使它们能够被拖动。

技术分享

查看演示

首先,我们创建3个div元素:

1
2
3
<div id="dd1" class="dd-demo"></div>
<div id="dd2" class="dd-demo"></div>
<div id="dd3" class="dd-demo"></div>

对于第一个div元素,我们可以通过默认设置使其可拖动。

1
$(‘#dd1‘).draggable();

对于第二个div元素,我们可以通过创建一个复制原始元素的代理使其可拖动。

1
2
3
$(‘#dd2‘).draggable({
proxy:‘clone‘
});

对于第三个div元素,我们可以通过创建一个自定义的代理使其可拖动。

1
2
3
4
5
6
7
$(‘#dd3‘).draggable({
proxy:function(source){
var p = $(‘<div class="proxy">proxy</div>‘);
p.appendTo(‘body‘);
return p;
}
});

通过jQuery EasyUI实现基本的拖放,此为转发!!大家学习讨论

原文:http://www.cnblogs.com/likelove/p/4845972.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!