Question

我正试图从一张桌子拖放到第二张桌子。

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

例如

如果用户将单元格从表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 DEMO

Jquery UI表拖放问题

1 个答案: