jQuery UI draggable()

選択された要素をマウスでドラッグ可能にする。

構文

jQueryObject.draggable(options)

引数

options

Draggableのオプションをオブジェクトで指定する。

Draggableのオプション
プロパティ 説明
helper ドラッグ表示のためにヘルパ要素が使われることを許可する。
opacity ドラッグ中のヘルパの不透明度を指定する。

サンプル

jQuery UI を使って画像をドラッグできるようにする例を次に示す。

<img src="/images/portrait.jpg" id="portrait">
<script>
  $('#portrait').draggable({
    opacity: .5
  })
</script>
portrait

参考文献

OpenJS Foundation (2022) jQuery UI

OpenJS Foundation (2022) jQuery