jquery - 将 Masonry 与其他 jQuery 效果相结合

Question

我正在使用 Masonry 插件在页面上浮动元素，它使用该类.item将 Masonry 效果应用于 div。

我想将.fadeOutand.fadeIn应用于已经是 Masonry 的多个 div .items，但由于我不能将相同的 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>