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);