테이블에있는 드래그 가능한 div 요소는 다른 테이블 셀 뒤쪽으로 이동합니다.

그래서 JS (+ jQuery)에서 체스 게임을 만들고 있어요. 할 수있는 마지막 작업은 조각을 드래그 할 수있게 만드는 것입니다.테이블에있는 드래그 가능한 div 요소는 다른 테이블 셀 뒤쪽으로 이동합니다.

내 보드는 조각이 들어있는 DIV가있는 일반 HTML 테이블 (TR 및 TD 포함)입니다. 나는 된 DIV 드래그 할 수 있도록 jQuery를 UI를 사용하고 있지만, 때마다 나는 그것이 같은 TD에 남아 다른 장소에 조각으로 DIV를 드래그 해보십시오 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