标签:
本教程(转自慧都控件网)将为你展示如何使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