使用jquery獲取基於大小的元素位置

我有draggable div和droppale div。我得到內可放開拖動div的位置使用下面的代碼：使用jquery獲取基於大小的元素位置

$(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; 
      } 
     }); 
    });

我需要保存這些座標，但保存的「相對位置」我的意思是，當有人加載（X，Y）保存點以前，但具有不同的屏幕分辨率，不同的設備等，這些點必須處於相同的位置。

那麼，如何得到這個「相對位置」呢？

來源

2014-09-05 Nicolocodev

你能提供一點更清晰嗎？你想要'.ff'元素的左上角，因爲它涉及整個頁面而不是'＃pages'元素？ – DevlshOne 2014-09-07 01:06:09

如果是這樣，我相信你正在尋找'.offset（）'：http://api.jquery.com/offset/ – DevlshOne 2014-09-07 01:11:42

我解決我的問題用下面的公式：

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

這（x）是我救的結果。現在，重新創建：

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

來源

2014-09-13 01:05:33 Nicolocodev

使用jquery獲取基於大小的元素位置

回答

相關問題