将它们保存到数据库后如何恢复jquery draggable的位置

Question

我在我的应用程序中使用jquery draggable，我在数据库中将draggable应用于图像并保存位置（x和y坐标）。当我在编辑时处理服务器和数据库时，图像应保留在保存之前放置的位置。

我有x，y坐标，所以现在我需要将它们应用于图像，这样它就会被放置在保存之前的屏幕上，怎么做？

我尝试通过jquery将css应用于可拖动的图像，但没有工作。

  $("#dvPreview").append("<img id='draggable' />");
  $('#dvPreview img').attr('src', $("#eidtedfile").attr("src"));
  if($("#dvPreview img").width() > 640 ){
    $("#dvPreview img").width("638")
  }
  x = $("#x").val().toNum()
  y = $("#y").val().toNum()
  $("#dvPreview img").css({'top': y , 'left' : x}); 

  $("#draggable" ).draggable({
    containment: "parent",
    drag: function() {
    var $this = $(this);
    var thisPos = $this.position();
    var parentPos = $this.parent().position();
    var x = thisPos.left - parentPos.left;
    var y = thisPos.top - parentPos.top;
    $("#x").val(x);
    $("#y").val(y); 
    }
  })