使 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;        
    }    
});