La fonction jable de triQuery UI fonctionne-t-elle simultanément pour plusieurs tables? - javascript, jquery, jquery-ui, jquery-ui-draggable, jquery-ui-sortable

J'ai un design où plus d'une table, làutiliser jQuery UI fonction triable sur la table avec une seule table, cela fonctionne correctement, mais je voudrais quand je sélectionne ou que le travail triable sur la ligne de la première table trie également une autre ligne de la table, comme la première ligne de la table glissée et déposée dans la première table de l'autre la ligne de la table qui a le même index de la première table index de la table effectue également l'opération triable simultanément. Toutes les tables ont le même nombre de lignes
tout comme j'ai trois tables comme ci-dessous,

<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>

quand je trie en utilisant la fonction jQuery UI Sortable pourtable de tri "foo1" première ligne je voudrais également trier les deux autres tables "foo2" et "foo3" première ligne trier automatiquement comme la première ligne de la table "foo1". Est-ce possible? et comment? Merci d'avance ...

Réponses:

Vous pouvez essayer quelque chose comme:

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));
}
}
});

Voir ce violon.