拖放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數據庫

回答

相關問題