jquery - Jquery UI 可拖动 - 使用百分比而不是像素

Question

我有 jq-ui 可拖动的问题。

我将一个 DIV（在我的家用 PC 1680x1024 上）拖到右/下角并保存位置（左：125 像素；上：1536 像素；）。一切正常。但是当我切换到我的上网本（1024x768）时，我得到了一个愚蠢的滚动条。问题是屏幕尺寸不同。

是否可以在 jquery ui draggable() 和 resizeable() 上使用百分比而不是像素？

提前致谢！
彼得

Answer 1

您可以计算我的家用 PC 1680x1024 和位置（左：125 像素；顶部：1536 像素；）的总屏幕分辨率百分比，它将是宽度：125/1680 * 100 和高度：1536/1024 * 100，然后显示笔记本电脑中的 DIV 根据这些百分比计算新位置。

PS我不确定你所说的正确顶部的位置应该小于1024（你的显示器高度）。

Answer 2

试试这个：

$("element").draggable({
    stop: function (){
     var l = ( 100 * parseFloat($(this).css("left")) / parseFloat($(this).parent().css("width")) )+ "%" ;
     var t = ( 100 * parseFloat($(this).css("top")) / parseFloat($(this).parent().css("height")) )+ "%" ;
     $(this).css("left" , l);
     $(this).css("top" , t);
     }

});