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。