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

サンプルはこちら。

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

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

JavaScript

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

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

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