在jQuery Masonry上显示元素

时间:2011-12-25 02:52:09

标签: jquery jquery-masonry

有人知道我该怎么做吗?

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

我有一个div(#content),其中包含了masonized div(.oddpost)。它是两列,所以它只在右侧或左侧。现在我要做的是让一个div(.A)出现在左侧的.oddposts上,并在左边的那个上显示另一个div(.B)。

.A和.B都在.oddpost内,但两者最初都是隐藏的。我想根据他们的位置让他们“显示”。我已经尝试过使用位置和偏移,但是当它们不使用砖石时它会对.oddpost生效,然后渲染砖石,所以它有点令人困惑。有没有办法用jQuery实现这个?

1 个答案:

答案 0 :(得分:0)

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

.A {
 float: left;
 }

在向左浮动的div中,并将其应用于B的块

 .B {
  float: right;
  }

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