Question

是否有人使用FacetWP？我试图重置某些过滤器，如果用户从方面选择其中一个无线电选项＆＃34; ex_type＆＃34;。

如果选择了任何一个无线电选项，我想要这个然后自动重置其他方面。

Facetwp有一个功能＆＃34; onclick =＆＃34; FWP.reset（）＆＃34;但是从后端我无法访问单选按钮。我需要使用单独的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-->

＆＃34; ex_type＆＃34;的实际代码显示的单选按钮是：

<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>。

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

FacetWP过滤器 - 点击单选按钮

1 个答案: