jquery中的可拖動的div必須被選擇以便將位置存儲到數據庫

我想創建一個頁面，我可以使用我的鼠標定位div，然後使用php將數據存儲在數據庫中。我希望能夠一次移動多個div並存儲它們的位置。jquery中的可拖動的div必須被選擇以便將位置存儲到數據庫

我的問題是與jquery。該代碼只允許我選擇，移動和存儲多個div的信息，當我按照它們在下面的代碼中顯示的順序選擇它們時。移動他們一個和一個很好。

jQuery代碼：

<script type="text/javascript"> 
$(function() { 

    $("#1").multidraggable(); 
           $("#1").mousedown(function(){ 
           pos1 = '1'; 
           }); 

    $("#2").multidraggable(); 
           $("#2").mousedown(function(){ 
           pos2 = '2'; 
           }); 

    $("#3").multidraggable(); 
           $("#3").mousedown(function(){ 
           pos3 = '3'; 
           }); 

    $("#4").multidraggable(); 
           $("#4").mousedown(function(){ 
           pos4 = '4'; 
           }); 

    $("#5").multidraggable(); 
           $("#5").mousedown(function(){ 
           pos5 = '5'; 
           }); 

    $("#6").multidraggable(); 
           $("#6").mousedown(function(){ 
           pos6 = '6'; 
           }); 

      $(".element").mouseup(function(){ 
        var coord1 = $('#1').position(); 
        var url1 = "updatecoords.php?x=" + coord1.left + "&y=" + coord1.top + "&id=" + pos1 + ""; 
        $('#result1').load(url1, function() { 
        }); 
        var coord2 = $('#2').position(); 
        var url2 = "updatecoords.php?x=" + coord2.left + "&y=" + coord2.top + "&id=" + pos2 + ""; 
        $('#result2').load(url2, function() { 
        }); 
        var coord3 = $('#3').position(); 
        var url3 = "updatecoords.php?x=" + coord3.left + "&y=" + coord3.top + "&id=" + pos3 + ""; 
        $('#result3').load(url3, function() { 
        }); 
        var coord4 = $('#4').position(); 
        var url4 = "updatecoords.php?x=" + coord4.left + "&y=" + coord4.top + "&id=" + pos4 + ""; 
        $('#result4').load(url4, function() { 
        }); 
        var coord5 = $('#5').position(); 
        var url5 = "updatecoords.php?x=" + coord5.left + "&y=" + coord5.top + "&id=" + pos5 + ""; 
        $('#result5').load(url5, function() { 
        }); 
        var coord6 = $('#6').position(); 
        var url6 = "updatecoords.php?x=" + coord6.left + "&y=" + coord6.top + "&id=" + pos6 + ""; 
        $('#result6').load(url6, function() { 
        }); 
    }); 

}); 
</script>

我使用jQuery庫multidraggable偉大的工程。我明白我的問題是我如何組織代碼，但我無法弄清楚我該怎麼做。

預先感謝您！埃米爾

來源

2011-10-07 Emil Johansson

您可以使用名爲inettuts.You可以拖動，排序和使用這種存儲他們爲了一個小插件做..

你港島線得到所需的信息從this答案

來源

2011-10-07 10:44:28

我已經可以存儲他們的位置。我的問題是嘗試選擇多個div並一次存儲它們的位置。通過我寫的代碼，我必須按照它們出現在代碼中的順序選擇它們，以便能夠存儲它們的位置。 –

jquery中的可拖動的div必須被選擇以便將位置存儲到數據庫

回答

相關問題