我正在使用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,但这也不起作用。 提前谢谢。
答案 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>