|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Draggable
解説要素をドラッグできるようにします。 書式jQuery_Object.draggable([options]); 依存ファイル
引数
戻り値
例例1:様々なオプションで、Draggable要素を生成します。(オプションと動きを確認してください。)
.gray
.orange
div.cancel
axis: "x", revert: true, cancel: "div.cancel"
.blue
snap: ".gray", snapTolerance: 50, opacity: 0.5
.yellow
grid: [30, 30], helper: "clone" zIndex: 1000
.green
div.handle
cursor: "move", scroll: true, handle: "div.handle"
.pink
ドラッグ中
drag: function(e, ui) { $(".drag") .show() .fadeOut(1000); } Draggable要素に付与されるクラスDraggable要素には、状態に応じて以下のクラスが設定されます。
例)draggable("disable")を呼び出され、ドラッグ無効状態のDraggable要素 <draggable要素 class="ui-draggable ui-draggable-disabled" /> |
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
© 2007-2011 by いけまさ. All rights Reserved. |