Сочетание масонства с другими эффектами jQuery - PullRequest
Новая
       3

Сочетание масонства с другими эффектами jQuery

0 голосов
/ 15 сентября 2011

Я использую плагин Masonry для размещения элементов на странице, и он использует класс .item для применения эффекта масонства к элементам div.

Я хотел бы применить .fadeOut и .fadeIn для нескольких div, которые уже являются масонством .items, но поскольку я не могу применить один и тот же идентификатор к различным div, это оказывается трудным.

Вот что я сейчас делаю,не работает должным образом:

JS: 

$("#shapiro").click(function() {
      $('#container div:not(#id1)').fadeOut('fast');
      $('#id1').fadeIn('fast');
    });

HTML: 

<div id="container">
    <div class="item" class="id1">some content</div>
    <div class="item" class="id1">some content</div>
    <div class="item" class="id2">some content</div>
    <div class="item" class="id2">some content</div>
</div>

Я пытался применить несколько классов к каждому div, но это тоже не работает.Заранее спасибо.

1 Ответ

1 голос
/ 15 сентября 2011

Единственная проблема, которую я вижу здесь, состоит в том, что наличие нескольких операторов class="" может сбить с толку браузеры. Вы можете добавить несколько классов, разделив их пробелами: 

<div id="container">
    <div class="item id1">some content</div>
    <div class="item id1">some content</div>
    <div class="item id2">some content</div>
    <div class="item id2">some content</div>
</div>
...