jQuery EasyUI ドラッグ アンド ドロップ - 基本的なドラッグ アンド ドロップ

HTML要素をドラッグ可能にする

jQuery EasyUI ドラッグ アンド ドロップ - 基本的なドラッグ アンド ドロップ構文

HTML要素をドラッグ可能にする

jQuery EasyUI ドラッグ アンド ドロップ - 基本的なドラッグ アンド ドロップ例

まず、3 つの <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();

2 番目の <div> 要素については、元の要素のクローンを作成するプロキシを作成することでドラッグ可能にします。

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

3 番目の <div> 要素については、カスタム プロキシを作成してドラッグ可能にします。