jQuery EasyUI 拖曳 - 基本的拖曳與放置

使 HTML 元素可拖曳

jQuery EasyUI 拖曳 - 基本的拖曳與放置語法

使 HTML 元素可拖曳

jQuery EasyUI 拖曳 - 基本的拖曳與放置範例

首先，我們建立三個 <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> 元素，我們透過建立一個複製（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;        
    }    
});