Отображение элементов в jQuery Masonry

Кто-нибудь знает, как я могу это сделать?

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

У меня есть div(#content), в котором есть масонизированные div(.oddpost). Это два столбца, поэтому он идет только справа или слева. Теперь я хочу сделать так, чтобы div(.A) отображался на .oddposts, который идет слева, и чтобы другой div(.B) появлялся на тех, которые идут слева.

.A и .B оба находятся внутри .oddpost, но оба изначально скрыты. Я хочу, чтобы они «показывались» в зависимости от их положения. Я пытался использовать положение и смещение, но это влияет на .oddpost, когда они не используют кладку, а затем визуализирует кладку, поэтому это немного сбивает с толку. Есть ли способ добиться этого с помощью jQuery?


person Adrengski    schedule 25.12.2011    source источник
comment
Я думаю, если бы вы поделились кодом того, что вы уже сделали, кто-то мог бы помочь вам больше.   -  person some_guy    schedule 10.02.2012
comment
Я нашел этот учебник, который в основном делает то, что вы хотите: 9lessons.info/2012/01/   -  person fuzzyalej    schedule 03.04.2012


Ответы (1)


Создайте div в последовательном порядке в вашем html-файле, затем примените это к двум блокам A.

.A {
 float: left;
 }

внутри div, который плавает влево, и примените это к блокам B

 .B {
  float: right;
  }

внутри блока div, который выровнен по правому краю вашего файла css, и посмотрите, будет ли он работать на вас. См. этот пример http://jsfiddle.net/nawar/gg24L/.

person Mickey Mouse    schedule 13.02.2012