jquery - 在 jQuery Masonry 上显示元素

标签 jquery jquery-masonry

有人知道我该怎么做吗?

┌---------------------------------┐#content
| ┌-------------┐ ┌-------------┐ |
| |         [.A]| |[.B]         | |
| |             | |             | |             
| |             | |             | |
| └-------------┘ |             | |
| ┌-------------┐ |             | |
| |         [.A]| |             | | 
| |             | |             | |
| |             | └-------------┘ |
| └-------------┘ ┌-------------┐ |                 
|                 |[.B]         | |
|                 |             | |
|                 |             | |
|                 └-------------┘ |
└---------------------------------┘

我有一个 div(#content),其中包含砖石化的 div(.oddpost)。它有两列,因此只能在右侧或左侧。现在我想做的是让一个 div(.A) 出现在左侧的 .oddposts 上,并使另一个 div(.B) 出现在左侧的 .oddposts 上。

.A 和 .B 都在 .oddpost 内,但最初都是隐藏的。我想让他们根据自己的位置“展示”。我尝试过使用位置和偏移,但当他们不使用砌体时,它会在 .oddpost 上生效,然后渲染砌体,所以有点令人困惑。有什么办法可以使用 jQuery 来实现这一点吗?

最佳答案

在 html 文件中按顺序创建 div,然后将其应用到两个 A block

.A {
 float: left;
 }

在向左浮动的 div 内,并将其应用于 B 的 block

 .B {
  float: right;
  }

在与 css 文件内右侧对齐的 div block 内,看看它是否适合您。请参阅此示例 http://jsfiddle.net/nawar/gg24L/

关于jquery - 在 jQuery Masonry 上显示元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8627987/

相关文章:

javascript - 闭包内的 jQuery 变量可见性

javascript - 如何在 ASP.NET MVC Controller 中正确发送和处理 JSON 对象?

javascript - 如何使用 jquery 替换节中最后一个 <a> 标记

JavaScript 和 JQuery 标签问题

jQuery Masonry 呈现 "row blocks"而不是拟合元素

jquery - 具有随机宽度和随机高度的砌体网格中的图像库

javascript - 在文档上触发 div mousemove

resize - jQuery Masonry 顶部位置错误

javascript - 梅森和重复填充 block

javascript - 我可以仅使用 Masonry.js 获得 "infinite scroll"效果吗?