jquery - 如何使用 jquery ui 通过拖放交换表格单元格

Question

我想在拖放时交换表格的列。

<table>
 <tr>
  <td class='1'>
   First
  </td>
  <td class='2'>
   Second
  </td>
 </tr>
 <tr>
  <td class='3'>
   Third
  </td>
  <td class='4'>
   Fourth
  </td>
 </tr>

现在我可以使用该draggable功能

 $(".1").draggable();

如果我将其拖到class='1' td，class='4' td那么两者td's都会互换。我怎么能做到这一点jqueryui

Answer 1

我认为您需要sortableJQueryUI 中的功能

http://jqueryui.com/sortable/

从 API 中提取的示例：http: //jsfiddle.net/D8Wgv/