Javascript 如果在Jquery的droppable中删除了Dragable，如何设置结果？

我试图增加计数器的值（

var counter=0；

），如果屏幕上的可拖动图像被放入dropzone（也是图像，而不是

div

）

这段代码只是在可拖放文件被拖放到图像上后淡出。在它消失之前/之后，我想将计数器增加1

---

注意：

#goldbag

和

#jack2

都是单个容器

div

中的图像（

），您可以扩展

drop

回调函数。

$( "#goldbag" ).draggable({ revert: "invalid", containment: "parent" });
$( "#jack2" ).droppable({
    drop: function(event, ui) {
        draggedObj = ui.draggable.attr('id'); 
        $("#"+draggedObj).fadeOut(function() { $(this).remove(); });
        $( "img" ).draggable({ disabled: true });
    }
});

下面是一个过于简化的示例，您可以在增加计数器的同时多次拖放同一项

此代码大部分取自以下文档：

$（函数（）{
var$计数器=$（“#计数器”）；
var计数=0；
$（“#可拖动”）.draggable（）；
$（“#可拖放”）。可拖放({
drop：函数（事件、用户界面）{
$（本）
.addClass（“ui状态突出显示”）
.查找（“p”）
.html（“已删除！”）；
计数++；
$counter.html（count）；
}
});
});
#可拖动{
宽度：100px；
高度：100px；
填充：0.5em；
浮动：左；
保证金：10px 10px 10px 0；
}
#可降落{
宽度：150px；
高度：150像素；
填充：0.5em；
浮动：左；
利润率：10px；
}

把我拖到我的目标

到这里来

柜台:0