Javascript jQuery UI可排序函数是否同时适用于多个表?
我有一个设计,其中有多个表,有使用jQuery UI Sortable函数对表和单个表进行排序它的工作正常,但我想当我选择或对第一个表的行进行排序工作时,也对其他表行进行排序,和第一个表行一样,在具有第一个表行索引相同索引的其他表行的第一个表中拖放第一个表行,也会同时执行可排序操作。所有表格的行数相同Javascript jQuery UI可排序函数是否同时适用于多个表?,javascript,jquery,jquery-ui,jquery-ui-draggable,jquery-ui-sortable,Javascript,Jquery,Jquery Ui,Jquery Ui Draggable,Jquery Ui Sortable,我有一个设计,其中有多个表,有使用jQuery UI Sortable函数对表和单个表进行排序它的工作正常,但我想当我选择或对第一个表的行进行排序工作时,也对其他表行进行排序,和第一个表行一样,在具有第一个表行索引相同索引的其他表行的第一个表中拖放第一个表行,也会同时执行可排序操作。所有表格的行数相同 就像我有三张表,如下所示 <table id="foo1"> <tbody> <tr> <td>First row</
就像我有三张表,如下所示
<table id="foo1">
<tbody>
<tr>
<td>First row</td>
</tr>
<tr>
<td>Second row</td>
</tr>
</tbody>
第一排
第二排
第一排
第二排
第一排
第二排
当我使用jQuery UI Sortable函数对表“foo1”的第一行进行排序时,我还希望对其他两个表“foo2”和“foo3”的第一行进行自动排序,就像“foo1”表的第一行一样。 这可能吗?怎么做?
先谢谢你 您可以尝试以下方法:
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));
}
}
});
看
<table id="foo3">
<tbody>
<tr>
<td>First row</td>
</tr>
<tr>
<td>Second row</td>
</tr>
</tbody>
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));
}
}
});