Question

我知道如何使用此代码获取可拖动div的位置

$(document).ready(function(){
    $("#q").draggable();
    $("#bt").click(function(){
        alert("LEFT: "+$("#q").offset().left+" TOP: "+$("#q").offset().top);
    })
})

但我的问题是，如果我在数据库中插入div的LEFT和TOP位置，并且我在另一台具有不同显示器分辨率的计算机上打开网页，则div会错过对齐..

有没有办法可以解决这个问题

感谢!!

Answer 1

我想你可以制作一个perportion，使其在一个屏幕上显示上/左百分比，然后如果另一个显示器的大小不同，它仍将处于“相同位置”。

像

这样的东西

var ntop = $("#q").offset().left / $("#q").width();
var nleft = $("#q").offset().top / $("#q").height();

并使用它

$("#q").offset({"left": nleft, "top": ntop});

您需要使用ajax或类似方法保存变量，例如：

$(document).ready(function(){
    $("#q").draggable();
    $("#bt").click(function(){
        alert("LEFT: "+$("#q").offset().left+" TOP: "+$("#q").offset().top);
        $.get("test.cgi", { left: nleft, top: ntop });
    });
});

当然，我不会为你建造它，但希望以上内容会有所帮助。

将jQuery Save Position拖放到mysql数据库

1 个答案: