1


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

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

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

提前致谢!
彼得

4

2 回答 2

1

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

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

于 2011-02-16T09:51:56.747 回答
1

试试这个:

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

});
于 2014-05-15T08:47:50.443 回答