Question

我需要知道用户放弃元素的位置。如何在drop上回显.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 }相对于offset元素。内部掉线回调。 ui.offset也会在那里再次提供与页面相同的{ top, left }。

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

      }
   });
}

Answer 2

您可以从event参数中获取X和Y坐标：

event.pageX
event.pageY

这些坐标分别来自屏幕的顶部和左侧。

Answer 3

$(ui.item)将授予您访问当前draggable。

的权限

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

3 个答案: