用Mootools对表行进行排序

Question

我正在尝试使用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>

这是爪哇：

window.addEvent('domready', function() {
  /* create sortables */
      var d = $$('tr');
  var sb = new Sortables(d, {
    /* set options */
    clone:true,
    revert: true,
    /* initialization stuff here */
    initialize: function() { 

    },
    /* once an item is selected */
    onStart: function(el) { 
      el.setStyle('background','#add8e6');
    },
    /* when a drag is complete */
    onComplete: function(el) {
      el.setStyle('background','#ddd');
      //build a string of the order

    }
  });
});

这是一个小提琴。非常感谢。

Answer 1

就我所知，这是你遇到的问题：

你想把这些行弄成可排序的吗？您的Fiddle示例中所有单元格都可以单独分类。

你的问题是：

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

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

你需要通过：

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

Mootools Docs状态：

论据:1列表-(混合)要求，列表或列表将成为排序。

在这种情况下，列表是任何元素(或元素数组)，其子元素将成为可排序的。

见此处：更新Fiddle