FacetWP Filters -单击单选按钮时重置小平面

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

你最终需要做的就是对这个按钮进行一些定制。