Question

我有一个Wordpress网站，您可以在这里查看：PRAXIS3.com。

在此特定页面的“汽车”上，我有一个类别过滤器。首次加载页面时，默认的类别是“ 全部”，但是如果您第二次或第三次单击“ 全部”，则会显示每个投资组合项在网站上。下面是类别选择器代码的前几行。

类别选择器代码：

jq

我在您可以在下面查看的页面上设置了一些自定义CSS（以隐藏某些类别，以免出现某些类别）。

jsonstring=$(jq -n --arg summary "$summary" --arg description "$description" '{
    summary: $summary,
    description: $description,
    moduleMapAssets: [{name: "Rates | IRD"}, {name: "CRD | CRD"}]
    }' )
curl -X POST -d "$jsonstring" -H "Content-Type: application/json"

当您单击“ 全部”时，我试图使其显示在“汽车”类别中的每个项目。

我尝试了以下所有可以想到的迭代，但没有效果。

<div class="btCatFilter">
    <span class="btCatFilterTitle">Category filter:</span>
    <span class="btCatFilterItem all" data-slug="">All</span>
    <span class="btCatFilterItem" data-slug="acura">Acura</span>
    <span class="btCatFilterItem" data-slug="alfa-romeo">Alfa Romeo</span>
</div>

任何帮助将不胜感激。谢谢！

Answer 1

所以我认为这实际上是数据库问题，而不是CSS甚至Javascript。

查看您的站点，类别过滤器实际上是在摧毁所有切片并在每次选择过滤器时通过Ajax将适当的切片重新加载到页面上。这意味着过滤器不会隐藏/显示磁贴，而是每次都会重新填充页面上的内容。

我建议您查看插件设置，看看是否有可以调整的内容以提取您的汽车内容。.

但是也许这不是一个选择...

您的图块本身需要统一的类或属性才能以CSS或Javascript为目标。它们都具有相同的class="gridItem bt11 btGridItemLoaded"。

如果您想尝试将它们一起破解，则需要编辑生成图块的脚本，并添加统一的类或属性（例如“ automotive”），然后可以用类似的东西隐藏所有其他图块

.automotive .btGridItemLoaded:not(.automotive) { display:none; }

btw

您使用的值对于display属性无效。 display属性具有一组固定的值，例如block，inline-block，none和inherit。

WordPress的类别过滤器

1 个答案:

但是也许这不是一个选择...

btw