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

您最終需要做的就是對這個按鈕進行一些自定義。