获取可拖动元素相对于（内部）元素的位置

Question

我有一些可拖动的文字，我想在元素中得到它的坐标。

通过以下代码可以删除文本：

$("span.output").draggable({
    stop: function(event, ui) {}
});

我也有这段代码，它应该使可拖动文本成为可拖动文本所在元素的子元素：

$('.container').on('drop', function(event, ui){
    $(this).append(ui.draggable);
});

当可拖动文本在容器中时，我在控制台中尝试$('#text1').position();时，我得到这些坐标：

Object {top: 57.11805772781372, left: 779.4444580078125}

不幸的是，这些都是错误的。我甚至想做什么？如果是这样，我该怎么做？

Answer 1

这就是问题所在。

您正在使用

$('#text1').position();

它将给出相对于容器的位置。

如果您想要相对于文档的位置，请使用此。

$('#text1').offset();

它有$('#text1').offset().left和$('text1').offset().right

这可能会有所帮助......