有人使用 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>
欢迎任何建议。谢谢。
最佳答案
根据Facet WP's documentation ,您可以添加以下 html 以重置所需的方面:<button onclick="FWP.reset('day')">Reset Day</button>
.
您最终需要做的就是对此按钮进行一些自定义。
关于javascript - FacetWP 过滤器 - 单击单选按钮即可重置构面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48933409/