jquery - Wordpress：如果它们不包含任何值，则隐藏空构面（div）

Question

我正在使用 FacetWP 插件，它允许用户根据从自定义字段中提取的某些参数过滤帖子。

在他们的网站上，该插件说您可以使用以下代码隐藏空白方面：

(function($) {
$(document).on('facetwp-loaded', function() {
    $.each(FWP.settings.num_choices, function(key, val) {
        var $parent = $('.facetwp-facet-' + key).closest('.facetwp-facet');
        (0 === val) ? $parent.hide() : $parent.show();
    });
});
})(jQuery);

我网站上的 Facets 包含在一个带有“facetwp-facet”类的 div 中（参见 www.wgeil.de/listings/ 的示例），所以理论上应该针对该 div。

有人可以解释为什么这不起作用吗？我曾尝试在 JSFiddle 中重新创建问题，但它在那里工作，所以我不确定问题是什么。为了澄清，我将上面的代码加载到我的主题标题中。

Answer 1

您需要删除.closest('.facetwp-facet')因为要隐藏的 div 本身具有.facetwp-facet and .facetwp-facet-' + key class，所以只需删除.closest('facetwp-facet')它就可以了。

干杯！！！

Answer 2

用这个。添加到最后

(function($) {
    console.log('this page is runned function!!')
    $(document).on('facetwp-loaded', function() {
        $.each(FWP.settings.num_choices, function(key, val) {

                        var $parent = $('.facetwp-facet-' + key)
                        console.log(val)
                        val == 0 ? $parent.hide() : $parent.show()
        });
    });

})(jQuery);