特定のdiv jqueryでmouseupを検出

Question

私は2つのdiv：draggable/droppable要素で1 divと要素を暴露する1 divを持っています。 ポップアップを開き、要素が2番目のdivにドラッグされています。

<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

私は実際にゾーンを検出することができませんよ。ここ はHTMLです。ありがとう。

Answer 1

@Ronenはあなたがドキュメントを読むべき推奨のように、あなたが代わりのmouseupのドロップ可能なイベントを持っている必要があります。

$('.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"); 
    } 
});