jQuery UI でドロップ領域のホバークラスを変える

jQuery UI Droppable でドラッグオブジェクトがドロップ領域上にあるときのクラスを、
hoverClass で指定することができます。

droppable() でドロップ可能にする時、hoverClass オプションを渡すことで、
ドラッグ状態でマウスカースロが重なっている時のクラスを指定できます。

$('.drop').droppable({
    drop: function(event, ui) {
        alert(ui.draggable.html() + 'がドロップされました');
    },
    hoverClass: 'hover'
});

ドラッグしながらホバーした時のクラス変更サンプルを作成しました。

サンプルアプリ

http://okanoworld.appspot.com/sample/jqueryui/dropclass/index.html

ソースコード

https://github.com/yokano/sample/tree/master/jqueryui/dropclass