如何根据砌体上的位置放置新元素

Question

所以我有这个页面使用jQuery砌体。这是一个双列页面，我想要做的是在左侧显示的分区上显示div，在右侧显示的分区上显示不同的div。

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

所以，有一个相对定位的div（.post）在另一个div（#content）中使用砌体。我想要做的是使div“A”只出现在左侧的.post div上，div“B”只出现在右侧出现的.post div上。

这可能吗？

Answer 1

您只有两列，因此我会使用jQuery来比较$('#content').left()和$('.post').left()。如果它们是相同的（或#content上使用它时相同+一些填充），.post是A类型。如果它们不同，则帖子是B类型。

这将允许您以不同方式设置<div>的样式或将不同的内容注入其中。