Question

我有jq-ui draggable的问题。

我将DIV（在我的家用电脑1680x1024上）拖到右下角并保存位置（左：125px;顶部：1536px;）。一切正常。但当我切换到我的上网本（1024x768）时，我得到一个愚蠢的滚动条。问题是不同的Screensize。

是否可以在jquery ui draggable（）und resizeable（）上使用百分比而不是像素？

提前致谢！
彼得

Answer 1

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

P.S。我不确定你所说的位置是否正确顶部应该小于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);
     }

});

Jquery UI draggable - 使用百分比而不是像素

2 个答案: