jquery - 石積みの位置に応じて新しい要素を配置する方法

Question

jQuery masonry を使用するこのページがあります。これは 2 列のページで、私がやりたいことは、左側に表示される分割に div を表示し、右側に表示される分割に別の div を表示することです。

┌------------------------------------------------┐#内容
| | ┌-------------┐ ┌-------------┐ |
| | | | [A]| |[B] | | |
| | | | | | | | | | | |             
| | | | | | | | | | | |
| | └-------------┘ | | | | |
| | ┌-------------┐| | | | |
| | | | [A]| | | | | | |
| | | | | | | | | | | |
| | | | | | └-------------┘ |
| | └-------------┘ ┌-------------┐ |                 
| | |[B] | | |
| | | | | | | |
| | | | | | | |
| | └-------------┘ |
└------------------------------------------------┘

そこで、別の div(#content) 内で組積造を使用する相対的に配置された div(.post) があります。私がやりたいことは、左側にある .post div にのみ div "A" を表示し、右側に表示される .post div にのみ div "B" を表示することです。

これは可能ですか？

Answer 1

列が 2 つしかないので、jQuery を使用して と を比較$('#content').left()し$('.post').left()ます。それらが同じである場合 (または、同じ + で使用する場合はいくつかのパディング#content)、.postはタイプ A です。それらが異なる場合、投稿はタイプ B です。

これにより、 のスタイルを変更したり、<div>異なるコンテンツを挿入したりできます。