javascript - Scriptaculous 可排序矩阵

Question

我正在尝试使用 scriptaculous javascript 库创建一个可排序的图像矩阵，5x5，但我无法使其工作。

我正在尝试使用表格，但无法将其链接<td>到可排序对象。

你们有什么提示或文档我可以通过它来创建吗？

谢谢

Answer 1

使用浮动 DIV，而不是表格。

1）在你的样式表中为你的盒子创建一个类。

.boxes {
  float:left;
  width:150px;
  height:150px;
  border:1px solid #cccccc
}

2）为您的盒子制作一个容器。并把盒子放进去。

<div id='container' style='width:750px;height:750px;'>
<div id='box1' class='boxes'></div>
...etc
</div>

3）让你的排序

Sortable.create('container',{tag:'div'})

有一个这种类型的演示可用here。

如果您需要更多帮助，请给我留言。