表格中的可拖动div元素落后于其他表格单元格

所以我在JS（+ jQuery）中制作国际象棋游戏，最后要做的就是让这些部分可以拖动。表格中的可拖动div元素落后于其他表格单元格

我的董事会是正规的html表（TR和TD）与DIVs包含件。我使用jQuery UI做的DIV拖动，但每次我试图拖动一个DIV用一块它停留在同一个TD其它地方： http://screenshooter.net/8964979/Klpmu17_06_02_2014__12_38_17

HTML是这样的：

<table> 
    <tr> 
     <td class="pole"> 
      <div class="figura">here goes a piece</div> 
     </td> 
     <td class="pole"> 
      ... 
     </td> 
    </tr> 
    <tr> 
     ... 
    </tr> 
</table>

然后JS：

$(".figura").draggable({ 
      revert: true, 
      appendTo: 'body', 
      stack: '.pole', 
      start: function() { 
       $('#tabs').css('z-index', '9999'); 
      }, 
      stop: function() { 
       $('#tabs').css('z-index', '0'); 
      } 
     }); 

     $(".pole").droppable();

我怎样才能让他们走出自己的细胞？

来源

2014-02-06 Mikołaj Biel