另一种 jquery 可排序
我有不同大小的元素,这些元素根据网格排列(如下图所示),我想正确拖放这些元素。有没有一个插件可以做到这一点?可排序不能正确执行...
编辑: 我所说的“正确”是指它应该表现正常(意味着如果我拖放右侧的大一个,它应该智能地重新排列)。也许我只需要看到一个能做我想要的事情,我会让它“正确地”做一些事情
编辑: 如果你移动右边的大块(它应该是什么样子)。
编辑: 我只是想要一种重新排列像这样的网格布局的方法。我可以接受其他想法..
I have elements of different sizes that are arranged somewhat acording to a grid (like in the image below) and I want to drag and drop properly those elements. Is there a plugin that would do that? Sortable does not do it properly...
EDIT:
By "properly" I mean it should act normal (meaning if I drag and drop the big one on the right it should rearrange inteligently). Maybe I just need to see one that does what I want and I'll make it do stuff "properly"
EDIT:
If you move the big block on the right (how it should look like).
EDIT:
I just want a way to rearrange a grid-like layout like this one. I can accept other ideas..
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
在 Ducksboard 我们刚刚推出了 gridster.js ,一个 jQuery 插件,可以从跨多列的元素构建可拖动布局。可以在 gridster.net 上观看现场演示。
我们使用它在仪表板中排列不同大小的小部件。希望你喜欢!
At Ducksboard we just launched gridster.js, a jQuery plugin that makes possible to build draggable layouts from elements spanning multiple columns. A live demo can be seen at gridster.net.
We are using it to arrange widgets of differents sizes in our dashboards. Hope you like!
尝试同位素的重新布局。但请务必查看他们关于 同位素 的其他示例。不管怎样......这应该给你一个健康的起点。
Try isotope's re-layout. But be sure to look at their OTHER examples on Isotope as well. Anyway...this should give you a healthy starting point.
我知道你不久前问过这个,但我终于想起它叫什么了...
http://masonry.desandro .com/
干杯。
I know you asked for this a while ago, but I finally remembered what it was called...
http://masonry.desandro.com/
Cheers.
看看 Geckoboard,它(我相信)使用 jQuery Sortable 来实现拖动n 下拉网格布局。
Take a look at Geckoboard, which (I believe) uses jQuery Sortable to achieve the drag n drop grid layout.
这是使用 Isotope 和 jQuery UI 的简单方法。
Here's a simple way to do it using Isotope and jQuery UI.