我怎样才能在可放置的事件中获得可拖动的ui？

Question

我试图在事件中使用droppable获取可拖动的ui，但每次我都在控制台中获取undefined。因此，当我将我的ui draggable拖到一个新的div中时，我希望在我的overpable事件中得到可拖动的ui。这可能吗？

这是我的一段代码：

$(".droppable").droppable({
        over: function(event, ui){
            console.log("ui", ui);
        }
});

Console log

Answer 1

不确定为什么你没有定义，但这是一个有效的例子：

$( "#draggable" ).draggable();
$( "#droppable" ).droppable({
  drop: function() {
    alert( "dropped" );
  },
  over: function(event, ui) {
    console.log(ui)
  }
});

#draggable {
    width: 100px;
    height: 100px;
    background: #ccc;
  }
  #droppable {
    position: absolute;
    left: 250px;
    top: 0;
    width: 125px;
    height: 125px;
    background: #999;
    color: #fff;
    padding: 10px;
  }

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div id="droppable">Drop here</div>
<div id="draggable">Drag me</div>