javascript - Jquery UI表格拖放问题

Question

我正在尝试从一个表拖放到第二个表。

我现在有 jsfiddle 工作。我希望拖动的单元格文本保留在表 1 中，但我希望拖动的单元格在用户拖动第二个表时消失。

http://jsfiddle.net/7Xd6n/6/

例如

如果用户将单元格从表 1 拖到表 2。html 就像

<table>
   <tr>
     <td>drag1</td>
     <td>drag2</td>
   </tr>
   <tr>
      <td>drag3</td>
      <td>drag4</td>
   </tr>
</table>

<table>
   <tr>
     <td>drag1</td>
     <td></td>
   </tr>
   <tr>
     <td></td>
     <td></td>
    </tr>
</table>

但是，如果用户将表 2 单元格拖动到另一个表 2 单元格。拖动的单元格文本消失了……就像

<table>
   <tr> 
    <td>drag1</td>
    <td>drag2</td>
  </tr>
   <tr>
    <td>drag3</td>
    <td>drag4</td>
  </tr>
</table>

<table>
   <tr>
    <td></td>
    <td></td>
   </tr>
   <tr>
    <td>drag1</td>
    <td></td>
   </tr>
</table>

我该如何做到这一点？非常感谢！

Answer 1

这个怎么样，

  $('.table:eq(1) td').on('drag',function(){
       $(this).text('');     
   });

JSFIDDLE 演示