jquery - jQuery可拖动位置 - 克隆

Question

我有 jquery draggable/droppable 使用包含和帮助选项集。我想做的是将放置的项目的顶部和左侧参数存储在两个变量中。

我在下面的示例中实现了这一点（将新文档图标拖到框中）但是报告回来的位置是相对于原始图标而不是父 DIV 的位置。图标和可放置框都是绝对定位的。

http://www.instructuk.com/drop.php

有谁知道如何获得与父母相关的位置而不是图标？

Answer 1

您必须自己进行计算：

var
  draggableDocumentOffset = ui.helper.offset(),
  droppableDocumentOffset = $(this).offset(),
  left = draggableDocumentOffset.left - droppableDocumentOffset.left,
  top = draggableDocumentOffset.top - droppableDocumentOffset.top;

alert('Item was dropped at - Left: ' + left + ', Top: ' + top); 

Answer 2

这可能不是最漂亮的解决方案，但您可以通过以下方式获取文档中 drop 的位置：

x=event.pageX;
y=event.pageY;

然后用droppble区域的坐标减去x和y。

dx=$("#droparea").offset().left;    
dy=$("#droparea").offset().top;    
var left=x-dx;          
var top=y-dy;   

ķ