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

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 的样式或向其中注入不同的内容。