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

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

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;

ķ

Jquery可拖动的位置 - 克隆

2 个答案: