将Masonry与其他jQuery效果相结合

时间:2011-09-15 10:57:55

标签: jquery html css jquery-masonry

我正在使用Masonry插件在页面上浮动元素,并使用类.item将砌体效果应用于div。

我想将.fadeOut.fadeIn应用于已经是Masonry .items的多个div,但由于我无法将相同的ID应用于不同的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 个答案:

答案 0 :(得分:1)

我在这里看到的唯一问题是,有多个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>