JQuery拖动完美,但不会放弃ASP MVC4局部视图

时间:2013-03-14 09:36:38

标签: jquery asp.net-mvc drag-and-drop

我在MVC4项目中有部分视图。在这个视图中,我有DevExpress html-editor,项目列表,我想放入编辑器和div,拖动开始时隐藏编辑器(直接拖放在编辑器中拖放)。

这是一个代码

http://jsfiddle.net/ghusse/zrbCj/

JS初始化draggable和droppable:

    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初始化。
拖动开始。
拖了停。

项目拖放并正确恢复。但是不会发生跌落。 附: #Shield的鼠标悬停事件正确发生。

请提示任何解决方案。

1 个答案:

答案 0 :(得分:0)

我认为revert: 'valid'不是revert: true