logo

EasyUI 基本拖放2012-06-27

这个教程显示如何使HTML元素变得可拖放。这个例子会创建3个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元素使用proxy来拖放,proxy:'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;

    }

});

扫描二维码分享话题