ドラッグ可能(ボックスをドラッグします)

、クラスのロード

    <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($( '#ボックス' )ドラッグ可能な( 'オプション'));. //は、 オブジェクトの属性を返します
  $( '#ボックス')。ドラッグ可能な( '無効'); // 無効にドラッグ移動
  $( '#ボックス')ドラッグ可能に ( '有効');. // ドラッグを許可

  $( '#ボックス')ドラッグ可能な( 'プロキシ');. //プロキシ要素を返します。

おすすめ

転載: www.cnblogs.com/Alaic2052243080/p/11427215.html