Visual C# 2013逆引き大全 555の極意

ASP.NETの極意 - Tips518 グリッドに沿ってドラッグさせる

Icon comment count 0
Icon stock count 0

Tips518グリッドに沿ってドラッグさせる

Point指定タグを格子点に沿って移動(draggableメソッド)

Level2
対応
  • EXP
  • PRO

タグをドラッグして移動させるためには、jquery-ui.jsのdraggableメソッドを使います。

ドラッグしている途中にグリッド(一定間隔の格子点)に沿ってタグを移動させたい場合は、draggableメソッドの引数に「{ grid: [横グリッド,縦グリッド] }」を指定します。

縦横のグリッドを指定することで、ドラッグしている途中の様子は、カクカクと移動した感じになります。

リスト1では、imgタグに「img1」という名前を付けておいて格子点に沿ってドラッグできるように制限しています。

実行結果

出典情報

Medium

Visual C# 2013逆引き大全 555の極意

  • 著者: 増田智明、池谷京子、国本温子

コメント

    コメントはありません