过滤网站和 js 帖子 id 上的图像时出现问题

问：

所以我一直在尝试解决我遇到的这个问题。我会提前说我不是开发者广告，这是我在这个网站上的第一篇帖子。我从 envato 购买了这个模板，除了这 1 个问题外，我基本上已经完成了我的网站。我问了一个前端开发人员，但他找不到根本问题。该网站的支持团队是垃圾，没有帮助我。

我有一个网页，我想在其中拥有可以过滤的主要图像。

在原始html模板页面中，当我添加一个额外的过滤器时，它不会过滤图像。这意味着当您选择新添加的过滤器时，图像将不会过滤。这就像过滤器仅限于 2-3 个选择。

查看代码，主要内容有此 ID 号。这个网格是砖石网格，不是我想用的。但我想使用过滤器工具。当我尝试将 data-col=“2” 更改为 4 时，它不会改变。没关系。

      <div id="post-1680" class="post-1680 page type-page status-publish hentry">

有一个与过滤器关联的网格。每个图像的过滤器代码是基本的，而不是问题。当我添加一个新的过滤器时，我确保 data-catid # 与其他过滤图像的其余部分不同。

<!--Grid module-->
<div id="" class="module col-12 module-id-1573184716638" data-module-col="12">
<div class="container-masonry ux-portfolio-2col  ux-portfolio-full filter-left " data-ratio="0.75" data-col="2" data-found="10" data-number="999" data-mod="grid">
 
Filter images example 

<li class="filters-li">
<a class="filters-a" data-filter=".filter_installation" href="XXX" data-catid="21" data-postid="1680">Installation
<span class="filter-num">1</span>
</a>
</li>

我从这个模板构建了另一个页面。但是，此页面不同，您可以在其中更改网格上列的 #。当您更改 html 中的“数据列”时，它会在您选择的任何数字之间更改 2-6，您可以为其添加过滤器，但它无法正常工作。过滤器损坏并复制图像。

      <div id="post-1809" class="post-1809 page type-page status-publish hentry">
          
 <div id="" class="module col-12 module-id-1573192737761" data-module-col="12">
<div class="container-masonry ux-portfolio-4col  ux-portfolio-full  ux-ratio-169 filter-left " data-ratio="0.5625" data-col="4" data-found="10" data-number="999" data-mod="grid">

这里有一些示例网页不是我的，而是使用我购买的示例模板。我怎样才能让这个过滤器接受超过 3 个选择。比如说 10 或 12 个过滤器选项。我没有使用wordpress，所以这只是一个例子，这超出了我的专业知识。谢谢。

1

2 - WordPress版本

基本上正是这样，有 10 个过滤器。

我尝试重新编码整个页面。我还尝试在基本模板网页上添加一个额外的过滤器，但它不起作用。