Php 必须选择jquery中的可拖动div，才能将position存储到数据库中

我试图创建一个页面，在那里我可以使用鼠标定位div，然后使用php将定位数据存储在数据库中。我希望能够一次移动多个div并存储它们的位置

我的问题是jquery。当我按照下面代码中显示的顺序选择多个div时，该代码仅允许我选择、移动和存储多个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>

$（函数（）{
$（“#1”）.multidraggable（）；
$（“#1”）.mousedown（函数（）{
pos1='1'；
});
$（“#2”）.multidraggable（）；
$（“#2”）.mousedown（函数（）{
pos2='2'；
});
$（“#3”）.multidraggable（）；
$（“#3”）.mousedown（函数（）{
pos3='3'；
});
$（“#4”）.multidraggable（）；
$（“#4”）.mousedown（函数（）{
pos4='4'；
});
$（“#5”）.multidraggable（）；
$（“#5”）.mousedown（函数（）{
pos5='5'；
});
$（“#6”）.multidraggable（）；
$（“#6”）.mousedown（函数（）{
pos6='6'；
});
$（“.element”）.mouseup（函数（）{
var coord1=$（'#1'）.position（）；
var url1=“updatecoords.php？x=“+coord1.left+”&y=“+coord1.top+”&id=“+pos1+”；
$（'#result1'）.load（url1，函数（）{
});
var coord2=$（'#2'）.position（）；
var url2=“updatecoords.php？x=“+coord2.left+”&y=“+coord2.top+”&id=“+pos2+”；
$（'#result2'）.load（url2，函数（）{
});
var coord3=$（'#3'）.position（）；
var url3=“updatecoords.php？x=“+coord3.left+”&y=“+coord3.top+”&id=“+pos3+”；
$（'#result3'）.load（url3，函数（）{
});
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，函数（）{
});
var coord6=$（'#6'）.position（）；
var url6=“updatecoords.php？x=“+coord6.left+”&y=“+coord6.top+”&id=“+pos6+”；
$（'#result6'）.load（url6，function（）{
});
});
});

我使用jquery库multidraggable，它非常有效。我知道我的问题在于我如何组织代码，但我不知道我应该怎么做

提前谢谢你！

---

Emil

您可以使用一个名为inettuts的小插件来完成此操作。您可以使用此插件拖动、排序和存储他们的订单

---

您将从回答中获得所需信息

我已经可以存储他们的位置。我的问题是试图选择多个div并同时存储它们的位置。对于我编写的代码，我必须按照它们在代码中出现的顺序选择它们，以便能够存储它们的位置。