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 有此类东西的演示。

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