、クラスのロード
<DIV ID = "ボックス" クラス= "easyui-ドラッグ可能な" スタイル= "幅:400ピクセル、高さ200pxの;背景:赤">
コンテンツ部分
</ div>
二、ロードされたJS
$( "#ボックス")。ドラッグ({})
第三に、ドラッグ可能な属性について、イベント、メソッド
$( "#ボックス")。ドラッグ可能({
//プロパティ
元に戻す:真、//その後、停止位置のドラッグ戻り、デフォルトはfalse始め、trueに設定
「を移動」、/ポインタ/テキスト/待つ移動するCSSスタイル//ポインタをドラッグする、などのデフォルトの移動:カーソル
ハンドルを:「#posのは、」//ハンドルをドラッグし始めるが、デフォルトはnullとして選択されている
障害者:真、//デフォルト値をfalseにドラッグ真停止に
エッジ:50、//幅の値は、コンテナをドラッグすることができましたでデフォルトでは、番号0を指定して
軸:「V」//垂直抗力「V」、またはNULLに「H」レベルのデフォルトの設定
DELTAX:10、//現在のカーソル位置の数のデフォルト値xに対応するドラッグ要素nullの
deltaY移動:10、//現在のカーソル位置にドラッグがNULLにY数のデフォルトの要素値に対応
「クローン」:プロキシ
プロキシ:機能(ソース){} //「クローン」、クローン交換用の要素をドラッグします。あなたは機能、カスタムの代替要素を指定した場合。
//イベント
onBeforeDrag:機能(E){アラートが ( ' ; // falseを返す!ドラッグする前にトリガ') 、} falseを返しますドラッグキャンセル
機能(E){警告:OnStartDragイベント ( ' トリガドラッグを!' );}、
onDrag:機能(E){アラート( 'トリガーをドラッグ!');}ドラッグしない場合はfalseを返し
onStopDrag:機能(E){警告 () ' !ドラッグが停止したときにトリガー' 、
OnStartDragイベント:関数(E){にconsole.log($(「#ボックス」)ドラッグ(「プロキシ」));} //要素プロキシのプロキシを返す:出力プロキシ要素とすることができる、「クローン」で使用
});
//メソッド
はconsole.log($( '#ボックス' )ドラッグ可能な( 'オプション'));. //は、 オブジェクトの属性を返します
$( '#ボックス')。ドラッグ可能な( '無効'); // 無効にドラッグ移動
$( '#ボックス')ドラッグ可能に ( '有効');. // ドラッグを許可
$( '#ボックス')ドラッグ可能な( 'プロキシ');. //プロキシ要素を返します。