使用jQuery重置图像的位置并保存坐标Draggable

Question

我使用jQuery-ui实现了可拖动的图像可拖动并将坐标保存到数据库中。

现在我以xml格式获取坐标和图像URL。

我想重置图像位置。它被保存在哪里。

=============这里是源代码：=============

$.ajax({ 
      type: "GET", 
      url: "devices.xml", 
      dataType: "xml", 
      success: function(xml) { 
       $(xml).find('device').each(function(){ 
        var idText = $(this).attr('id'); 
        var longAddress = $(this).find('longAddress').text(); 
        var imgSrc = $(this).find('type').text(); 
        var xAxis = $(this).find('x-axis').text(); 
        var yAxis = $(this).find('y-axis').text(); 

        var oNewImg = document.createElement('img'); 
        oNewImg.id = idText; 
        oNewImg.src = imgSrc;               

        document.body.appendChild(oNewImg); 

        var originalLeft = parseInt($('#'+oNewImg.id).position().left); 

        $('#'+oNewImg.id).css('left', (xAxis) + 'px'); 
        $('#'+oNewImg.id).css('top', (yAxis) + 'px');}); 

Answer 1

这听起来滑稽，但你为什么不你这样做吗？查询数据库，并为每个图像输出：

<div class="container"> 
    <?php 
     // SQL query 
     $buffer = mysql_query($q); 
     while($v = mysql_fetch_assoc($buffer)) { 
     echo '<img src="'.$v['url'].'" style="top: '.$v['top'].'px; left: '.$v['left'].'px" />'; 
     } 
    ?> 
</div> 
     <style> 
      .container { 
       width: 100%; 
       height: 100%; 
       position: relative; 
      } 
      .container img { 
       position: relative; 
      } 
     </style> 

如果你有jQuery的一部分，并存储在数据库中图像的位置，我不明白你怎么可能有问题，显示它们...