使用jquery根据大小获取元素位置

Question

我有draggable div和droppale div。我使用以下代码获取droppable中可拖动div的位置：

    $(document).ready(function() {
        $('.ff').draggable({
            appendTo: "#pages",
            revert: "invalid"
        });
        $('#pages').droppable({
            accept: ".ff",
            drop: function (event, ui) {                    
                var x = ui.offset.left - $(this).offset().left;
                var y = ui.offset.top - $(this).offset().top;
            }
        });
    });

我需要保存这些坐标，但保存＆＃34;相对位置＆＃34;我的意思是，当有人加载点（x，y）时保存但不同的屏幕分辨率，不同的设备等，这些点必须处于相同的位置。

那么，如何获得这个＆＃34;相对位置＆＃34;？

Answer 1

我用以下公式解决了我的问题：

var x = (dropped.offset.left - container.offset().left) / container.width

这个（x）是我保存的结果。现在，重新创建：

var left = (x * container.width) + container.offset().left;