2014-01-11 15 views
0

我在數據庫中可拖動後保存div的好位置。但是,當我想要顯示的div我有空間:保存在數據庫中後,多格可拖放錯誤放置

<div id="content"> 
<div id=table_1 class="ui-widget-content" style= "border: 1px solid #aaaaaa; width: 50px;height: 50px;border-radius: 50%; top:0px; left:0px">vfvv </div> 
<div id=table_2 class="ui-widget-content" style= "width: 50px; height: 30px; padding: 0.2em; border: 1px solid #aaaaaa;top:0px; left:0px"> </div></div> 

和我的jQuery代碼:

<script> 
     $(function() { 
      var map = new Object(); 
      //pour chaque div possedant lattribut class 
      $('div[class]').each(function(index){}).draggable( 
       { 
        //l'evenement stop correspond fin du drag 
        stop: function(event, ui) { 
         var position = $(this).position(); 
         var $newPosX = ui.offset.left - $(this).offset().left; 
         var $newPosY = ui.offset.top - $(this).offset().top; 
         map[this.id] = ui.offset;  
       }, 
        // permet de delimiter la zone 
        containment: "#content"}).click(function() { 
        alert('nouria mais rose'); 
      }); 

      $("form input[type=submit]").click(function() { 
       var allPosition=''; 
       for (var m in map){ 
       allPosition+= m +'-' + map[m].top + '-' + map[m].left+'/'; 
       } 
       $('input[name=positionTables]').val(allPosition); 
      }); 

     }); 


     </script> 

的probleme是連續股利。第二個div總是有空間,但不是第一個。

+0

你需要了解的問題是什麼清晰的positions'properties,你可以做一個小提琴? –

回答

0

非常簡單的解決辦法: 我用的絕對

<div id=table_1 class="ui-widget-content" style= position: absolute;....</div>