Question

我正在尝试使用jQuery的draggable和sortable来排序表格特定列中列出的元素。

原因是我基本上想让人们融入时间段。

我有一张桌子：

<table width="300" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>1:00 PM</td>
    <td><div class="personSortable">Person 1</div></td>
  </tr>
  <tr>
    <td>2:00 PM</td>
    <td><div class="personSortable">Person 2</div></td>
  </tr>
  <tr>
    <td>3:00 PM</td>
    <td><div class="personSortable">Person 3</div></td>
  </tr>
  <tr>
    <td>4:00 PM</td>
    <td><div class="personSortable">Person 4</div></td>
  </tr>
</table>

我想让所有带有'personSortable'类的div可以排序到可用的时隙中。我找到了一个答案，但我能找到的最接近的事情就是让整行可以排序（通过使表成为可排序的容器） - 这是不理想的，因为我不能让时隙发生变化。

我的另一个想法是创建两个div包装器：一个带有时隙，一个包含人们的可排序div，并使用CSS'float'属性让它们排成一行。这会是一种更理想的方法吗？

Answer 1

发现这个，如果有其他人感兴趣的话似乎就可以了。

http://www.redips.net/javascript/drag-and-drop-table-content/

如何仅对特定表列中的元素使用jQuery sortable？

1 个答案: