jquery - 检测特定 div jquery 上的 mouseup

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建议你应该阅读文档，你应该有一个droppable事件而不是mouseup:

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