Question

我有两个div：1个带有draggable / droppable元素的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"); 
      }
    });

Answer 2

可能是这样的：

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

检测特定div jquery上的mouseup

2 个答案: