Jquery可拖动的位置 – 克隆

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

我已在以下示例中实现了此function（将新文档图标拖到框中），但报告的位置是相对于原始图标而不是父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

这可能不是最美丽的解决方案，但您可以通过以下方式获得文档中的下降位置：

 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; 

ķ