Javascript 如何在jquery可拖放事件中执行某些操作

大家好，如果这是一个愚蠢的问题，很抱歉。但我对javascript还是新手

我有一个可以拖动的div。现在我想在该div被放下时做一些事情 到目前为止，我已经编写了一个简单的警报，但它不起作用。 有谁能指导我如何在drop事件中编写代码

这是我的密码

<div id = "par" class = "ui-draggable" style="position: relative; height: 200px; width: 200px;outline:2px solid green">
</div>

<script>
     $('#par').draggable();
     $('#par').droppable({
            drop: function( event, ui ) {
                  alert("blabla");                                       
            }
     });
</script>

$（'#par'）.draggable（）；
$（'#par'）。可拖放({
drop：函数（事件、用户界面）{
警惕（“布拉布拉”）；
}
});

这里是小提琴的链接

---

正如MrObrian所说，你需要使用

draggable。停止使用
来实现你想要实现的目标

这把小提琴说明了两者的区别。

使用Droppable.drop捕捉掉在Droppable上的内容（您需要同时使用draggable和Droppable）



$（'thingToDrag'）.draggable（）；
$（'#par'）。可拖放({
接受：“thingToDrag”，
drop：函数（事件、用户界面）{
警报（“可拖动下降”）；
}
});
您需要使用
dragstop
事件，该事件将在可拖动元素停止拖动时启动：

$('#par')
.draggable()
.on('dragstop', function(event, ui) {
    alert('ok')
});

此处，您需要使用设置为可拖动的对象。您可以将函数绑定到停止事件

<script>
    $(function() {
        $('#par').draggable({
            stop: function(event, ui) {
                alert("Dropped");
            }
        });
    });
</script>


$（函数（）{
$（'#par'）。可拖动({
停止：功能（事件、用户界面）{
警惕（“放弃”）；
}
});
});

$（function（）{}）；只告诉脚本在文档加载完成时运行。您也可以将创建的任何其他函数绑定到stop事件

.droppable（）
是为了你想把东西放在上面，而不是放在上面。你需要制作另一个元素，这样你就可以把你的div放在上面了。谢谢@MrOBrian，但是我想要一个事件，当我拖动的元素被放在上面时会发生。我想你可能只需要dragga的
停止
事件B那么，除非你把元素放到某个特定的东西上好吧@MrOBrian非常感谢Hanks非常感谢这就是我需要的
$('#par')
.draggable()
.on('dragstop', function(event, ui) {
    alert('ok')
});

<script>
    $(function() {
        $('#par').draggable({
            stop: function(event, ui) {
                alert("Dropped");
            }
        });
    });
</script>