如何在可拖放事件中获得可拖动的 ui？

Question

我试图在可拖放事件中获得可拖动的 ui，但每次我在控制台中得到undefined。因此，当我将可拖动的 ui 拖动到新的 div 时，我想在 droppable 的 over 事件中获得可拖动的 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>