Javascript 使用Mootools对表行进行排序

我正在尝试使用Mootools在表上实现拖放可排序行。整个上午我都在绞尽脑汁想办法解决这个问题，下面是HTML表：

<table class="table table-bordered">
  <tbody>
    <tr class="item">
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr class="item">
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr class="item">
      <td>Larry</td>
      <td>the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

---

这里有一个例子。非常感谢。

据我所知，这是您遇到的问题：

是否要使行可排序？您的Fiddle示例中的所有单元格都可以单独排序

你的问题在这里：

var d = $$('tr');
var sb = new Sortables(d);

您已将所有tr作为可排序列表传入。这意味着所有td都是可排序的

您需要通过：

var d = $('tbody');
var sb = new Sortables(d);

Mootools文件说明：

论据： [1] 列表-（混合）必填项，将成为可排序的一个或多个列表

在这种情况下，列表是其子元素可排序的任何元素（或元素数组）

---

请参见此处：

您到底没有管理什么？你能解释一下你想要实现的功能吗？你的代码对我来说很有用，请更清楚什么对你不起作用…Sortable将抓住列表中的每个子项并使它们可排序。您已将tr元素作为目标-这使td元素可排序。我认为您希望以tbody为目标，以便tr元素是可排序的，而不是每个td。请看这里：

var d = $('tbody');
var sb = new Sortables(d);