我正在开发一个javascript应用程序,它允许用户在网格样式布局中排列一堆元素,我决定使用jQuery's sortable库来允许它们移动。扭曲的是元素可以是不同的尺寸,也就是单个单元,双单元,最后是可变尺寸的岛单元。可分类的说明使用相同大小的单位,所以在我开始项目之前,我掀起了一个快速演示,看看它是否能在概念中起作用,而且非常好。例如:
http://cms.memeflash.ca/sortable/demos/sortable/display-grid.html
所以我用热情开始了这个项目,一切都很顺利,直到我遇到了我之前没有测试过的盒子样式 - 见上面演示的方框32(我在最初的演示中没有使用这个元素样式)。如果元素的高度大于一个元素,但是宽度不如整个宽度,则会出现问题。您不能将元素放在其左侧的行之上,因为可排序使用的机制会浮动。我知道技术可以使用漂浮物,但这种情况并没有发生在我身上。所以我差不多完成了这个项目,并且我首先进入了一个糟糕假设的砖墙。
我想我在问是否有人对可以容纳不同大小元素的固定布局类型库有任何建议。我正在看jquery的draggable选项,并且可能会在我发布之后开始乱砍一些东西,但是我希望那里的某个人可能能够提供一个不会让我完全重新编程我的应用程序的建议。 (原因是我只是将元素作为单个有序元素列表发布回服务器端,然后服务器转换为网格以进行导出)。