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

ASP.NETの極意 - Tips517 垂直方向だけドラッグさせる

Icon comment count 0
Icon stock count 0

Tips517垂直方向だけドラッグさせる

Point指定タグを垂直方向のみ移動(draggableメソッド)

Level2
対応
  • EXP
  • PRO

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

jQueryで指定タグに対してdraggableメソッドを呼び出すことで、自由にタグをドラッグできるようになります。

これをY軸方向(縦方向)だけ移動できるようにするためには、draggableメソッドの引数に「{ axis: 'y' }」を指定します。これで縦方向だけタグが移動できるようになります。

リスト1では、imgタグに「img1」という名前を付けておいて垂直方向のみドラッグできるように制限しています。

実行結果

出典情報

Medium

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

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

コメント

    コメントはありません