javascript - jQuery - 拖放 - 获取 DROP 左侧和顶部位置

Question

我需要知道用户将元素放在哪里。如何在放下时回显 .left 和 .top 位置？

<div id="Draggable" style="position: fixed;">
<img src="images/door1.jpg" id="door">
</div>

<script type="text/javascript">
$( init );

function init() {
$('#Draggable').draggable();
$('body').droppable( {
drop: function(event, ui){
// ECHO POSITION
}
} );
}
</script>

Answer 1

使用ui.position，它将给出相对于偏移元素的{ top, left }。内部 drop 回调。 ui.offset 也在那里，它再次给出相对于页面相同的 { top, left } 。

function init() {
   $('#Draggable').draggable();
   $('body').droppable( {
     drop: function(event, ui){
        // ECHO POSITION
        alert(ui.position.top);
        alert(ui.position.left);

      }
   });
}