检测特定div上的mouseup jquery

Question

我有两个div：1个可拖动/可拖拽元素的div和1个div来表示元素。 我想打开一个弹出窗口，一个元素被拖入第二个div。 下面是HTML：

<div class="elements"> 
    <div class="drag"> 
    </div> 
    <div class="drag"> 
    </div> 
    <div class="drag"> 
    </div> 
    <div class="drag"> 
    </div> 
</div> 
<div class="container"> 

</div> 

$('.drag').draggable().resizable(); 

$('.drag').mouseup(function(e) { 
    var zone = $(".container"); 
    var target = $(e.target); 
    if (target.is(zone)){ 
    alert("test"); 
    }  
}); 

而且JSfiddle

我不能够实际检测的区域。谢谢。

Answer 1

像@Ronen建议你应该阅读文档，你应该有一个投掷的事件，而不是鼠标松开：

$('.drag').draggable().resizable(); 
$(".container").droppable({ 
     classes: { 
     "ui-droppable-hover": "ui-state-hover" 
     }, 
     drop: function(event, ui) { 
     alert("test"); 
     } 
    }); 

Answer 2

也许是这样的：

$('.drag').draggable().resizable(); 
$(".container").droppable({ 
    accept: ".drag", 
    classes: { 
    "ui-droppable-active": "ui-state-default" 
    }, 
    drop: function(event, ui) { 
    alert("test"); 
    } 
});