Question

我正在尝试将特定行从一个表拖到另一个表中。我看到使用LI和UL的演示，但我试图用表对象来做。我创建了一个JS小提琴来拥有我的两个不同的表。

我尝试了不同的变体：

$( "#selected-stock-grid, #stock-grid" ).sortable({
  connectWith: ".table-stock-content"
}).disableSelection();

$( "#selected-stock-grid, #stock-grid" ).sortable({
  connectWith: ".table-stock-content tbody"
 }).disableSelection();

$( "#selected-stock-grid, #stock-grid" ).sortable({
  connectWith: ".table-stock-content tbody tr"
 }).disableSelection();

这是一个JS小提琴： https://jsfiddle.net/3f0u86gL/

它只会尝试移动整个表而不是单个行。

Answer 1

您需要更加具体地使用selectors，使用tbody元素代替整个表：

From the API

注意：为了对表行进行排序，必须使tbody可以排序，而不是表。

$(function() {
  $( "#selected-stock-grid tbody, #stock-grid tbody" ).sortable({
    connectWith: ".table-stock-content tbody"
  }).disableSelection();
});

Updated Demo

使用jQuery Sortable将特定行拖到新表中

1 个答案: