[jQuery] DragのStopイベントとDOM追加のサンプル

こんばんは。
一日一つjQueryを覚えて行ければと思ってるお爺さんです。
今日のサンプルは、 DragのStopイベントとDOM追加です。
単にそれだけでは味気ないので、古地図に画鋲を立てられるようにしてみました。

古地図に画鋲を立てる
 http://ebaeba123.sakura.ne.jp/js_sample/my5.html

Dragのリファレンス
 http://docs.jquery.com/UI/Draggables/draggable#options

工夫したのは、画鋲をドラッグすると、元の場所に画鋲が再び出現させる所。
最初はクリックイベントで画鋲を描画していたんですが、あまりうまくいかなかった。

それで、ドラッグのstopイベント時にDOMに要素を追加する事にしました。
これで大体三〇行ぐらいですか。

後は画鋲の位置を保存して、付箋をつけられるようにするかな。。。

ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 13

なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー)
驚いた 驚いた 驚いた 驚いた 驚いた
面白い
ナイス ナイス
ガッツ(がんばれ!)
かわいい かわいい

この記事へのコメント

この記事へのトラックバック