2013年7月30日火曜日

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

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

droppable() でドロップ可能にする時、hoverClass オプションを渡すことで、
ドラッグ状態でマウスカースロが重なっている時のクラスを指定できます。
$('.drop').droppable({
    drop: function(event, ui) {
        alert(ui.draggable.html() + 'がドロップされました');
    },
    hoverClass: 'hover'
});

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

サンプルアプリ

ソースコード



0 件のコメント:

コメントを投稿