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

Question

所以我有这个使用 jQuery masonry 的页面。这是一个两列页面，我想要做的是让一个 div 出现在左侧出现的分区上，并在右侧出现的分区上显示一个不同的 div。

┌---------------------------------┐#内容
| ┌-------------┐ ┌-------------┐ |
| | [一个]| |[乙] | |
| | | | | |             
| | | | | |
| └----------┘ | | |
| ┌-------------┐ | | |
| | [一个]| | | |
| | | | | |
| | | └----------┘ |
| └-------------┘ ┌-------------┐ |                 
| |[乙] | |
| | | |
| | | |
| └----------┘ |
└---------------------------------┘

所以在那里，有一个相对定位的 div(.post)，它在另一个 div(#content) 中使用了砌体。我想要做的是让 div "A" 只出现在左边的 .post div 上，而 div "B" 只出现在右边的 .post div 上。

这可能吗？

Answer 1

你只有两列，所以我会使用 jQuery 来比较$('#content').left()和$('.post').left(). 如果它们相同（或者相同 + 一些填充，如果你在 上使用它#content），则.post属于 A 类型。如果它们不同，则帖子属于 B 类型。

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