Question

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

Answer 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>

将Masonry与其他jQuery效果相结合

1 个答案: