FacetWP 过滤器 - 单击单选按钮重置 facet

Question

有人使用 FacetWP 吗？ 如果用户从构面“ex_type”中选择了一个单选选项，我将尝试重置某些过滤器。

如果选择了任何一个单选选项，我希望它可以自动重置其他方面。

Facetwp 有一个函数 "onclick="FWP.reset()" 但是从后端我无法访问单选按钮。我需要使用单独的 jquery 函数来定位单选按钮选项，如下所示，但是我的代码不起作用。

这是我后端的视图：

<div class="group-individual">                                                              

    <?php echo facetwp_display( 'facet', 'ex_type'); ?>

</div>      

<div class="sub-filters" >

        <div class="day">                                   

            <?php echo facetwp_display( 'facet', 'day' ); ?>

        </div>

        <div class="time">

            <?php echo facetwp_display( 'facet', 'time' ); ?>

        </div>

</div><!--sub-filters-->    

显示的“ex_type”单选按钮的实际代码是这样的：

<div class="group-individual">

<div class="facetwp-facet facetwp-type-radio" data-name="ex_type" data-type="radio">

    <div class="facet-wrapper">

        <div class="facetwp-radio" data-value="classes">
        "classes"
        </div>

        <div class="facetwp-radio" data-value="individual">
        "individaul"
        </div>

    </div>

</div>

</div>

我试图用点击功能刷新其他方面的选择，但它不起作用。 我试过的代码是：

<script>
$(document).ready(
   function(){
     $(".facetwp-radio").click(function () {   
       FWP.reset('day');
     });
}); 
</script>

还有这个：

<script>
$(document).ready(
   function(){
     $(".facetwp-radio").click(function () {   
        FWP.facets['day'] = []; 
        FWP.facets['time'] = []; 
     });
}); 
</script>

欢迎任何建议。 谢谢。

Answer 1

根据Facet WP 的文档，您可以添加以下 html 以重置想要的 facet ： <button onclick="FWP.reset('day')">Reset Day</button> 。

您最终需要做的就是对这个按钮进行一些自定义。