Jquery UI表拖放问题

Jquery UI table drag and drop issue

本文关键字:问题 拖放 UI Jquery      更新时间:2023-09-26

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

我现在有小提琴在工作。我希望拖动的单元格文本保留在表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>

我该如何做到这一点?非常感谢!

这个怎么样,

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

JSFIDDLE演示