Jquery isotope jquery同位素过滤

我试着用同位素过滤物品。这些项位于不同的分区中，但由于某些原因，筛选器仅适用于第一个分区。以下是我的代码：

<div id="articles">
   <div class="article-wrap">
      <div class="article cat-1"></div>
      <div class="article cat-2"></div>
      <div class="article cat-3"></div>
      ...
   </div>
   <div class="article-wrap">
      <div class="article cat-1"></div>
      <div class="article cat-2"></div>
      <div class="article cat-3"></div>
      ...
   </div>
</div>

我做错了什么

提前谢谢

---

Mauro

有了完整的代码，回答这个问题就更容易了

您当前的代码缺少筛选器链接

$（“#filters li a”）

，问题可能是您忘记在选择器前面添加一个

另外，如果这是您的全部javascript，那么您调用同位素的顺序是错误的，即您试图在初始化同位素之前重新加载项目

更正后的JS如下所示：

// Only the line below has been altered, the rest is shown for completeness' sake
$('#articles .article-wrap').isotope({sortBy: 'class'}).isotope( 'reloadItems' );

$('#filters li a').click(function(){
    var selector = '.' + $(this).attr('data-filter');

    $('#articles .article-wrap').isotope({ filter: selector });

    return false;
});

我已经准备好让你看看结果

// Only the line below has been altered, the rest is shown for completeness' sake
$('#articles .article-wrap').isotope({sortBy: 'class'}).isotope( 'reloadItems' );

$('#filters li a').click(function(){
    var selector = '.' + $(this).attr('data-filter');

    $('#articles .article-wrap').isotope({ filter: selector });

    return false;
});