Как поставить новый элемент в зависимости от позиции на кладке

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> или вводить в них различный контент.