javascript - 如何在 jquery droppable 事件中执行某些操作

Question

大家好，很抱歉，如果这是一个愚蠢的问题。但我是 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>

这是 fiddle 的链接 Draggable droppable

Answer 1

就像 MrObrian 所说，您需要使用 draggable.stop 来实现您想要实现的目标。

这个 fiddle 说明了差异。 http://jsfiddle.net/MddyD/4/

$(function() {
 $('#par').draggable({
               stop: function() { 
                       alert("hi");
                     }
            });

 $("#dropIn").droppable({
               drop: function() { 
                       alert("drop");
                     }
               });