使 HTML 元素可拖動(dòng)

jQuery EasyUI 拖放 - 基本的拖動(dòng)和放置 語(yǔ)法

使 HTML 元素可拖動(dòng)

jQuery EasyUI 拖放 - 基本的拖動(dòng)和放置 示例

首先，我們創(chuàng)建三個(gè) <div> 元素：

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

對(duì)于第一個(gè) <div> 元素，我們通過(guò)默認(rèn)值讓其可以拖動(dòng)。

    $('#dd1').draggable();

對(duì)于第二個(gè) <div> 元素，我們通過(guò)創(chuàng)建一個(gè)克?。╟lone）了原來(lái)元素的代理（proxy）讓其可以拖動(dòng)。

    $('#dd2').draggable({        proxy:'clone'    });

對(duì)于第三個(gè) <div> 元素，我們通過(guò)創(chuàng)建自定義代理（proxy）讓其可以拖動(dòng)。

$('#dd3').draggable({        proxy:function(source){            
    var p = $('<div class="proxy">proxy</div>');            
        p.appendTo('body');           
       return p;        
    }    
});