jQueryのEasyUIドロップ - 基本的なドラッグアンドドロップ
このチュートリアルでは、この場合には、我々は3 DIV要素を作成し、ドラッグ&ドロップすることを可能にします、HTML要素をドラッグできるようにする方法を示しています。
まず、我々は3つの<div>要素を作成します。
<DIVのID = "DD1"クラス= "DD-デモ"> </ div>の <DIVのID = "DD2"クラス= "DD-デモ"> </ div>の <DIVのID = "DD3"クラス= "DD-デモ"> </ div>の
最初の<div>要素のために、我々はデフォルトでドラッグをさせることができます。
$( '#DD1')ドラッグ可能な();
2番目の<div>要素のために、我々は、エージェント(代理人)のオリジナル要素のクローン(クローン)を作成ドラッグさせることができます。
$( '#DD2')。ドラッグ可能な({ プロキシ:「クローン」 });
3番目の<div>要素のために、私たちは、カスタムプロキシ(プロキシ)をドラッグさせることができる作成します。
$( '#DD3')。ドラッグ可能な({ プロキシ:機能(ソース){ するvar P = $( 'の<divクラス= "プロキシ">プロキシ</ DIV>'); p.appendTo( '体'); Pを返します。 } });