1

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

这是小提琴 Draggable droppable的链接

4

4 回答 4

0

就像 MrObrian 说的那样，你需要使用draggable.stop你想要实现的目标。

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

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

 $("#dropIn").droppable({
               drop: function() { 
                       alert("drop");
                     }
               });
于 2012-07-20T16:35:57.440 回答
0

使用 Droppable.drop 捕获 droppable 上的内容（您需要同时使用可拖动和可放置）

http://docs.jquery.com/UI/Droppable#event-drop

<script>
     $('#thingToDrag").draggable();
     $('#par').droppable({
            accept: "#thingToDrag",
            drop: function( event, ui ) {
                  alert("draggable dropped");                                       
            }
     });
</script>
于 2012-07-20T16:37:19.910 回答
0

您需要使用dragstop将在可拖动元素停止拖动时启动的事件：

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

http://jsfiddle.net/MddyD/3/

于 2012-07-20T16:39:31.103 回答
0

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

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

$(函数(){ }); 只是告诉脚本在文档加载完成后运行。您也可以将您创建的任何其他函数绑定到停止事件。

http://jqueryui.com/demos/draggable/#event-stop

于 2012-07-20T16:41:16.680 回答