刷新页面时，可拖动元素应停留在停止移动点

Question

当元素（id =“draggable”）停止拖动时，元素的位置将通过“mapDemo.php”发送到数据库。目前，如果刷新页面，元素将返回到开始移动点。我想要做的是当页面刷新时，元素应该停留在停止移动点。

下面是我的代码，我应该做些什么来解决这个问题？谢谢你的帮助。

<script type="text/javascript"> 
     $(function() { 
      $("#draggable").draggable({ 
        stop: function(){ 
          var position = $(this).position(); 
          $.ajax({ 
            type:"post", 
            url:"mapDemo.php", 
            data: { top: position.left, left: position.top }, 
            cache:false 
           }); 
         } 
        }); 
     }); 
     </script> 

      <div class="demo"> 
       <div id="draggable" class="ui-widget-content"> 
        <p>Drag</p> 
       </div> 
      </div> 

Answer 1

如果您保存位置，当它被删除时，您需要在页面加载时恢复此位置。

即，你可以加入这一行

$('#draggable').css({top:200,left:100}); 

与上，无论你将数据保存到左读取。