jQueryUI:要素をドラッグ可能にする

goto_jp 285views 更新:2014年6月3日

サンプルはこちら。

See the Pen LhAEr by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen.

jQueryのプラグイン「jQueryUI」のドラッグコンポーネントを利用しています。

JavaScript

$(function() {
  $( "div" ).draggable();
});

これだけで<div>タグのレイヤーをドラッグ可能にしています。

このような、よく見るUIだけれどゼロから組むには結構手間のかかるUIの生成をサポートしてくれます。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません