使 HTML 元素可拖動

jQuery EasyUI 拖放 - 基本的拖動和放置 語法

使 HTML 元素可拖動

jQuery EasyUI 拖放 - 基本的拖動和放置 示例

首先，我們創(chuàng)建三個 <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> 元素，我們通過創(chuàng)建一個克?。╟lone）了原來元素的代理（proxy）讓其可以拖動。

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

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

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