Question

我似乎无法在表格中对锚标签进行排序。我想在锚点中使用句柄类，并能够在我想要的地方移动/排序它们。它目前正在做的是改变整个表格。

有人能告诉我哪里出错了吗？

<table id="test" border="1">
  <tbody>
    <tr>
      <td>
        <a href="#" id="item_1" class="handle">item1</a>
      </td>
      <td>
        <a href="#" id="item_2" class="handle">item2</a>
      </td>
      <td">
        <a href="#" id="item_3" class="handle">item3</a>
      </td>
    </tr>
  </tbody>

$("#test tbody a").sortable({
  handle : '.handle',
  update : function() {
    var order = $('#test tbody a').sortable('serialize');
    alert(order);
  }
});

Answer 1

您需要了解您正在尝试排序的内容。现在你在你的链接上调用了sortable（）（$（“＃test tbody a”）），如果你试图对链接进行排序，这很好。但是，它看起来并不像您想要的功能。您的链接现在无法按照您的代码设置方式排序的原因是因为单元格中只有一个链接 - 因此它只能自行排序。如果你在每个链接所在的单元格中调用sortable（）而不是（$（“＃test td”）），那么你可以对包含链接的单元格进行排序。

JSFiddle

PS：你的tds中还有一个额外的“角色”

  <td"> <!-- Here -->
    <a href="#" id="item_3" class="handle">item3</a>
  </td>

如何使用JQuery sortable对表中的锚点进行排序

1 个答案: