javascript - 如何基本上像 jQuery masonry 那样重新安排 DIV?

标签 javascript jquery jquery-plugins html

Masonry 是一个具有多种选项的高级 jQuery 插件。由于我对jQuery的了解有限,我无法通过阅读砌体代码来理解它是如何工作的。像这样的用于重新排列 DIV 的插件背后的基本 jQuery API 是什么?我的意思是我们如何在 jQuery 的帮助下从根本上简单地重新排列 DIV?

注意:正如评论中所讨论的,Masonry 是我所指行为的一个示例。我想知道 jQuery 如何基本上重新安排 DIV 的位置。

最佳答案

好的,假设您有 3 个 div,并且您只希望它们在加载时排列。以高度来说吧。对于此示例,我们还假设您不关心为它们设置动画,您只希望它们按高度排列。

这是 jsfiddle: http://jsfiddle.net/hMmLd/1/

我使用 jquery 按高度对元素进行排序,然后在屏幕上以新顺序重新绘制它们。

关于javascript - 如何基本上像 jQuery masonry 那样重新安排 DIV?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8347557/

相关文章:

javascript - jQueryMobile 显示错误的 height() 值

javascript - 如何使用javascript在链接href中插入变量值?

javascript - 具有单独列选择过滤器和大量行的 jQuery DataTables 性能

javascript - 在 jquery 中循环嵌套 xml

javascript - 在 jQuery 数据表中禁用 ctrl+click 选择

javascript - 检查当前时间是否落在 JavaScript 中的特定时间间隔内

javascript - AngularJS 使用作用域变量解析 JSON 数据

javascript - NPM 如何运行不在路径中的命令

javascript - 我想要在 html 上显示某些类型图像的按钮

php - 多个 PHP 按钮? (一个按钮是提交按钮,其他按钮是功能)