javascript - FacetWP 过滤器 - 单击单选按钮即可重置构面

Question

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

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

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

这是我后端的 View :

<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's documentation ，您可以添加以下 html 以重置所需的方面:<button onclick="FWP.reset('day')">Reset Day</button> .

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