Php Ajax X和Y位置更新不能正确使用Jquery UI拖拽表

我有一个简单的ajax支持的stickies应用程序（带有jquery UI和PHP）正在开发中，我下面的代码为拖动的项目存储X，Y，将其发布到数据库，并将结果循环回div。我已经成功构建了文本版本的代码（类似于post it notes）但我正在尝试制作一个可拖动/可伸缩的版本来保存图像。但当我这样做时，我的位置被存储在数据库中，循环成一个#projbaord div，但没有被用来正确定位HTML元素（我已经检查了页面源代码和样式：显示了正确的x，y，但这没有反映在屏幕上）

我认为问题一定是在PHP和位置x，y的样式的循环中，但似乎无法理解它！有没有达到同样效果的想法或其他方法

我认为这可能是一个立场：相对/绝对的问题，但这似乎是好的-我现在被难住了！希望你能对天才有所帮助

处理行为和在数据库中存储值的Javascript：

function imageStickyDragXYUpdate(){

    $(".imagesticky").each(function(index){

    var resizethese = $(this).children();

    $(this).draggable({
    cursor: 'move',
    stack: '.imagesticky',
    opacity: '0.5',
    containment: '#projboard',
    scrollspeed: '40',
    scrollSensitivity: '10',
    stop:function(){
        var coord=$(this).position();
        var coordLeft = coord.left;
        var coordTop = coord.top;
        var imageStickyid = $(this).attr('imagestickyid');
        //alert('x='+ coordTop + 'y=' + coordLeft + 'id=' +imageStickyid);

        var datastring = 'xupdateimg='+ coordTop + '&y=' + coordLeft + '&imgstickyid=' +imageStickyid + '&projid=' + proj_id + '&uid=' + uid;
        //alert(datastring);

        $.ajax({
                type: "POST",
                url: "uploaddata.php",
                data: datastring,
                success: function(data){
                            $("#projboardresults").html(data);
                            textStickyDragXYUpdate();//not important other function for working text stickies
                            imageStickyDragXYUpdate();

                            }
                });
    }
    });


           });


}

PHP来显示结果

<?php

$user_id= $_POST['uid'];
$proj_id=$_POST['projid'];//to be validated as int



$get_imgsticky_query = "SELECT * FROM imagesticky WHERE user_id = $user_id AND project_id=$proj_id";

                                $get_imgsticky_result=mysql_query($get_imgsticky_query);
                                while($row=mysql_fetch_assoc($get_imgsticky_result)){
                                $x = $row['imagesticky_x'];
                                $y = $row['imagesticky_y'];
                                $imagesticky_w = $row['imagesticky_w'];
                                $imagesticky_h = $row['imagesticky_h'];
                                $imagesticky_url = $row['imagesticky_url'];
                                $imagesticky_id = $row['imagesticky_id'];

                                echo '<div class="imagesticky" imagestickyid="'.$imagesticky_id.'" style="position: absolute; left:'.$x.'px; top:'.$y.'px;">
                                <a class = "clickaddimage" href="addimage.php"><img src="images/clicktoadd.png" alt="add image" title="Click to add image"</a>
                                <img src="'.$imagesticky_url.'" width="'.$imagesticky_w.'" height="'.$imagesticky_h.'"/>
                                <a href="" class="deleteimagesticky"><img src="images/closey.png" title="delete" alt="delete"/></a>
                                </div>';

                        }


?>

---

这一行就是问题所在，我让X变量存储Y值，Y坐标存储X变量！因此，我的代码似乎将项目放在了错误的位置，但实际上工作得很好。这就是你作为一个新的父亲和试图编码得到的！为什么我昨天看不到这个？哈哈

看起来它应该能正常工作。尝试申请职位：相对；到元素，将包含胶粘物。感谢回复尝试相对，没有变化，非常令人沮丧！不幸的是，如果不直接访问该页面，就不可能知道哪里出了问题。休息30分钟，喝杯茶，然后再次尝试发现问题。学到的经验教训在尝试发现错误时，请务必休息！

    var datastring = 'xupdateimg='+ coordTop + '&y=' + coordLeft + '&imgstickyid=' +imageStickyid + '&projid=' + proj_id + '&uid=' + uid;