Toggle

ウェブ

jQueryのdraggableメソッドでのドラッグイベントの使い方

Medium 4406452996

こんにちは、ボーノです。

jQueryのdraggableメソッドはかなり便利で、重宝してます。
実装したらものすごい手間なので。

ドラッグイベントとしては3種類用意されているので、使い方を備忘録として残しておく。

draggable()

イベントオプションたち。

start

ドラッグが開始された直後に発生するイベント。例としては下記のような感じ。
用途はあまりないかもしれないけど、覚えておくと良いかも。

drag

ドラッグされている間に発生するイベント。宙に浮いたような画像の切り替えや、文字の切り替え等に使えそう。

stop

ドラッグが終了した直後に発生するイベント。

今回は、Google Maps APIの地図上に、他の要素からドラッグしてマーカーを追加するという小技を加えた。

近いうちにまた載せておこうかな。

参考

Draggable – jQuery UI API 1.8.4 日本語リファレンス – StackTrace

LEAVE A REPLY

*
*
* (公開されません)

Return Top