我有 jq-ui 可拖动的问题。
我将一个 DIV(在我的家用 PC 1680x1024 上)拖到右/下角并保存位置(左:125 像素;上:1536 像素;)。一切正常。但是当我切换到我的上网本(1024x768)时,我得到了一个愚蠢的滚动条。问题是屏幕尺寸不同。
是否可以在 jquery ui draggable() 和 resizeable() 上使用百分比而不是像素?
提前致谢!
彼得
我有 jq-ui 可拖动的问题。
我将一个 DIV(在我的家用 PC 1680x1024 上)拖到右/下角并保存位置(左:125 像素;上:1536 像素;)。一切正常。但是当我切换到我的上网本(1024x768)时,我得到了一个愚蠢的滚动条。问题是屏幕尺寸不同。
是否可以在 jquery ui draggable() 和 resizeable() 上使用百分比而不是像素?
提前致谢!
彼得
您可以计算我的家用 PC 1680x1024 和位置(左:125 像素;顶部:1536 像素;)的总屏幕分辨率百分比,它将是宽度:125/1680 * 100 和高度:1536/1024 * 100,然后显示笔记本电脑中的 DIV 根据这些百分比计算新位置。
PS我不确定你所说的正确顶部的位置应该小于1024(你的显示器高度)。
试试这个:
$("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);
}
});