MVC4 プロジェクトの部分的なビューがあります。このビューには、DevExpress html-editor、エディターにドロップするアイテムのリスト、および開始をドラッグするとエディターを非表示にする div があります (エディターで直接ドラッグ & ドロップすると時間がかかります)。
ここにコードがあります
http://jsfiddle.net/ghusse/zrbCj/
ドラッグ可能およびドロップ可能の JS 初期化:
this.initializeDragNDrop = function(){
console.log('D&D initializing.');
$("#Shield ").droppable({
drop: function (event, ui) { _this.OnActionItemDrop(); }
});
$("#ActionItemList div").draggable({
start: function () { _this.OnActionItemDragStart(this); },
stop: function () { _this.OnActionItemDragStop(this); },
revert: true
});
console.log('D&D initialized.');
};
Chrome コンソール出力:
D&Dの初期化。
D&D が初期化されました。
ドラッグ開始。
ドラグが止まりました。
アイテムが正しくドラッグされ、元に戻ります。しかし、ドロップは発生しません。PS #Shield のマウスオーバー イベントが正しく発生します。