如何把新的元素取決於砌體上的位置

Question

所以我有這個頁面，使用jQuery砌體。這是一個兩欄的頁面，我想要做的是讓div出現在左側出現的div和右側出現的div上。

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

因此，這裏有一個相對定位的div（.post），它在另一個div（#content）中使用了masonry。我想要做的是讓div「A」只出現在左側的.post div上，div「B」只出現在右側出現的.post div上。

這可能嗎？

Answer 1

你只有兩列，所以我會用jQuery來比較$('#content').left()和$('.post').left()。如果它們是相同的（或相同+如果你使用它的#content一些填充），該.post是A型的，如果它們是不同的，後是B型的

這將使你的風格的<div>不同或向其中注入不同的內容。