如果镜像已经被删除，禁用镜像删除

Question

我也有同样的问题，我有两个div标签，我想从动态创建的图像列表中拖动图像。但是我想限制另一个图像被拖动到相同的div上。

如果div已经被删除，禁用删除?

我使用了Jamiec在答案中告诉我的方法。

但是，这里的问题是，我得到了一个错误，我无法解决

Uncaught TypeError: Cannot set property 'originalPosition' of undefined

Answer 1

选项:#1

请查看演示。

$('#target').droppable({
    accept: ".dragme",
    drop: function(event, ui) {
       ui.draggable.addClass('dropped');
       ui.draggable.draggable( "disable" );
      $('#target').droppable( "option", "accept", "" );
    }
});
$('.dragme').draggable({
    revert : 'invalid'
});

<标题>选择:# 2 h1> 面是另一个示例，其中当一个新元素被删除时，现有的被删除元素将恢复到它的原始位置。

var droppedObj = null;
$('#target').droppable({
    accept: ".dragme",
    drop: function (event, ui) {
        if(droppedObj !== null) {
            droppedObj.animate({ left: '0px', top : '0px', opacity : 1 }, 200).removeClass('dropped');
            droppedObj.draggable("enable");
        }
        droppedObj = ui.draggable;
        ui.draggable.addClass('dropped').draggable("disable");
    }
});
$('.dragme').draggable({
    revert: 'invalid'
});