另一种 jquery 可排序

发布于 2024-10-27 20:38:01 字数 384 浏览 6 评论 0原文

我有不同大小的元素,这些元素根据网格排列(如下图所示),我想正确拖放这些元素。有没有一个插件可以做到这一点?可排序不能正确执行...

编辑: 我所说的“正确”是指它应该表现正常(意味着如果我拖放右侧的大一个,它应该智能地重新排列)。也许我只需要看到一个能做我想要的事情,我会让它“正确地”做一些事情

sortable grid

编辑: 如果你移动右边的大块(它应该是什么样子)。

可排序网格 2

编辑: 我只是想要一种重新排列像这样的网格布局的方法。我可以接受其他想法..

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"

sortable grid

EDIT:
If you move the big block on the right (how it should look like).

sortable grid 2

EDIT:
I just want a way to rearrange a grid-like layout like this one. I can accept other ideas..

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

阳光①夏 2024-11-03 20:38:01

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!

于我来说 2024-11-03 20:38:01

尝试同位素的重新布局。但请务必查看他们关于 同位素 的其他示例。不管怎样......这应该给你一个健康的起点。

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.

戏剧牡丹亭 2024-11-03 20:38:01

我知道你不久前问过这个,但我终于想起它叫什么了...

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.

平定天下 2024-11-03 20:38:01

看看 Geckoboard,它(我相信)使用 jQuery Sortable 来实现拖动n 下拉网格布局。

Take a look at Geckoboard, which (I believe) uses jQuery Sortable to achieve the drag n drop grid layout.

北方的韩爷 2024-11-03 20:38:01

这是使用 Isotope 和 jQuery UI 的简单方法

Here's a simple way to do it using Isotope and jQuery UI.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文