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

【问题标题】：Wordpress: Hiding empty Facets (divs) if they contain no valueWordpress：如果它们不包含任何值，则隐藏空构面（div）
【发布时间】：2017-05-02 11:51:03
【问题描述】：

我正在使用 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);

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

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

【问题讨论】：

标签： jquery wordpress plugins facetwp

【解决方案1】：

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

干杯！！！

【讨论】：

【解决方案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);

【讨论】：