没有相同维度的JQuery可排序网格功能

Mat*_*ias 10 javascript jquery drag-and-drop

我希望创建一个可排序(通过拖放)网格,类似于JQuery的可排序网格(http://jqueryui.com/demos/sortable/#display-grid).但是,Sortable要求您仅使用具有相同尺寸的div.出于我的目的,允许每个块具有不同的宽度和高度.

我正在寻找的功能是对齐网格功能,同时"推"其他元素.除了防止它们重叠并将其他元素推开之外,Draggable可以完成所有操作.

哦,它也不一定是Jquery.如果它更容易,我愿意使用其他方法.

vad*_*imk 1

简短的回答:

使用“stop”事件根据新位置重新计算所有网格元素。

普通的留言:

具有可变元素尺寸的可排序网格 - 这是一种视觉混乱,因为不同尺寸的元素在拖动其中一个元素时会多次移动、上下跳跃;每次运动后的布局都完全不同。

致力于类似的功能,我开发了 jQuery 插件“Swappable” http://www.eslinstructor.net/demo/swappable/swappable_home.html

最近我回答了有关此插件的相同问题:

拖放时交换元素(也带有类名)

请看一下讨论,也许对您有帮助。

此致,

-瓦迪姆