脚本式可排序矩阵

时间:2020-03-06 14:59:44  来源:igfitidea点击:

我试图使用脚本库来创建5x5的可排序图像矩阵,但我无法使其正常工作。

我正在尝试使用表,但是在将<td>链接到Sortable对象时遇到了麻烦。

你们有什么提示或者文档可以通过创建这些提示或者文档吗?

谢谢

解决方案

使用浮动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'})

这里提供了这种类型的演示。

如果我们需要更多帮助,请给我留言。