Jquery UI表 - 如何对html表td单元格进行排序

Question

Jquery ui - table：
我有一张这样的桌子：

<table>
  <tr>
      <td> 1 </td> 
      <td> 2 </td>
      <td> 3 </td>
  </tr>
 <tr>
      <td> 4 </td>
      <td> 5 </td>
      <td> 6 </td>
 </tr>

我想以这样的方式对它进行排序：如果我想将元素“1”移动到“5”，那么如果我将该元素拖动到“1”并放在元素“5”处，那么它们应该交换他们的地方，然后表应该是这样的：

   <table>
<tr>
  <td> 5 </td> 
  <td> 2 </td>
  <td> 3 </td>
</tr>
<tr>
  <td> 4 </td>
  <td> 1 </td>
  <td> 6 </td>
</tr>
 </table>

另外，我有一个像image.jpg这样的处理程序图像，每个 td 里面都有id：imageid来处理。我尝试了很多次，但我无法让它工作

我试过了：

$("table").sortable({contentWith : 'table',handle : 'imageid' })  
$("table td").sortable({handle : 'imageid' })  
$("table tr").sortable({,handle : 'imageid' })  
$("table tbody").sortable({,handle : 'imageid' })  //for this,i added tbody in table ,but didnt work . 

我并不是说他们根本没动，他们正在动，但不正确。

这里张贴了一些小代码，以便您可以快速编辑： http://jsfiddle.net/Vq8CK/3/