jQuery UI Sortable函数可以同时用于多个表吗？

Question

我有一个设计，其中有多个表，有使用jQuery UI可排序函数与单表的表，它的工作正常，但我想当我选择或排序第一表的行也排序其他表行，如第一个表格行拖拽到第一个表格行索引相同索引的其他表格行的第一个表格中，同时执行器可排序操作。所有的表有相同数量的
行 的，就像我有三个表按以下，

<table id="foo1"> 
<tbody> 
    <tr> 
     <td>First row</td> 
    </tr> 
    <tr> 
     <td>Second row</td> 
    </tr> 
</tbody> 

<table id="foo2"> 
<tbody> 
    <tr> 
     <td>First row</td> 
    </tr> 
    <tr> 
     <td>Second row</td> 
    </tr> 
</tbody> 

<table id="foo3"> 
<tbody> 
    <tr> 
     <td>First row</td> 
    </tr> 
    <tr> 
     <td>Second row</td> 
    </tr> 
</tbody> 

当我排序使用jQuery UI可排序功能排序表“foo1”第一行我想也排序其他两个表“foo2”和“foo3”第一行排序自动盟友就好像第一排“foo1”表。 这可能吗？如何？ 在此先感谢...

Answer 1

你可以尝试这样的：

var indexOld = 0, 
    indexNew; 
$("#foo1 tbody").sortable({ 
    start: function(e, ui) { 
     indexOld = ui.item.index(); 
    }, 
    update: function(e, ui) { 
     indexNew = ui.item.index(); 
     if(indexOld > indexNew) { 
      $('#foo2 tr').eq(indexOld).insertBefore($('#foo2 tr').eq(indexNew)); 
     } else { 
      $('#foo2 tr').eq(indexOld).insertAfter($('#foo2 tr').eq(indexNew)); 
     } 
    } 
}); 

见this fiddle。