Droppable / ドロップ

ドロップできる要素を作りたい場合には、jQuery UI の Droppable が便利だ。

• jQuery UI の Droppable プラグインによるドロップできるボックス

  jQuery UI の Droppable プラグインを使った、ドロップできるボックスについての記事。Droppable プラグインのオプション（Options）やイベント（Events）などについても。

• jQuery UI の Droppable プラグインの addClass オプション

  jQuery UI の Droppable プラグインの addClass オプションを使う。ドラッグして移動できるボックスを、ドロップできるボックスへドロップすると、ドロップできるボックス内の文字とスタイルを変える。

• jQuery UIのDroppableのactiveClass、hoverClass、addClass

  jQuery UI の Droppable プラグインの activeClass と hoverClass と addClass オプションを使う。ドラッグして移動できるボックスを、動かすと、ドロップできるボックスのスタイルが変化する。ドロップボックス上へ移動すると、スタイルがさらに変化する。

• jQuery UI の Droppable プラグインの accept オプション

  jQuery UI の Droppable プラグインの accept オプションを使う。accept オプションは、指定した要素のみを、受け入れるようにするオプション。