拖放jQuery的保存位置MySQL数据库

我知道如何使用此代码拖放jQuery的保存位置MySQL数据库

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

获得可拖动div的位置，但我的问题是，如果我插在了div的左侧和顶部位置数据库，我打开网页的另一台计算机与不同显示器的分辨率股利错过上排列..

是否有办法，我能做的解决这一问题

谢谢！

来源

2011-11-28 Ram Guiao

如果它在不同的地方，听起来好像你正在使用基于百分比的布局（流体） - 在这种情况下，你应该做一些数学计算，并获得屏幕宽度以确定它应该在哪里作为宽度的百分比 – MrJ

我可以做到这一点使用JavaScript？ jQuery的？ –

'$（window）.width（）;' - 会给你浏览器的视点宽度...然后简单地将'$（“＃q”）。offset（）。left'除以这个宽度得到百分比（out 1） – MrJ

我想你可以创建一个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 }); 
    }); 
});

当然，我将不会为你建立，但希望上述将有所帮助。

来源

2011-11-28 19:55:00 Ben

YES SIR！谢谢！：D我会试试看 –

拖放jQuery的保存位置MySQL数据库

回答

相关问题