设置可拖动对象的顶部和左侧位置

Question

我将一个可拖动对象设置为position：relative，但是仅当我拖动它并且希望该对象保持在其初始空间时，才需要将其从相对更改为绝对。 我试图通过这种方式设置“拖动”：

$('obj').draggable({
    cursor: 'move',
    revert: true,
    drag: function () {
        var posizione = $(this).position();
        var posizione_x = posizione.left;
        var posizione_y = posizione.top;
        $(this).css({
            "left": posizione_x,
            "top": posizione_y,
            "position": "absolute"
        });
    },
    stop: function () {
        $(this).css("position", "relative");
    }
})

或以这种方式：

$('obj').draggable({
    cursor: 'move',
    revert: true,
    drag: function () {
        var posizione_x = $(this).offsetLeft;
        var posizione_y = $(this).offsetTop;
        $(this).css({
            "left": posizione_x,
            "top": posizione_y,
            "position": "absolute"
        });
    },
    stop: function () {
        $(this).css("position", "relative");
    }
})

但这不起作用。

Answer 1

我认为您需要.offset().left和.offset().top

您能否详细说明“不起作用”（控制台中的错误？发生了什么？该元素的位置如何？）

并且$('obj')以<obj>标记为目标，您确定您的元素有针对性吗？

也许您尝试做这样的事情： http : //jsfiddle.net/KyleKatarn/awjh79uw/1/