1

因此，使用 facetWP，我看到了如何隐藏结果模板，直到您通过设置 CSS 以及在选择某些内容后添加的附加类来选择一个构面。

我还想隐藏 4 个方面中的 3 个，直到有人从第一个方面做出选择。所以我试图在没有任何运气的情况下调整该代码。

<script>
(function($) {
  $(document).ready(function() {
  $('.facetwp-dropdown').on('change', function() {
    var selectedOption = $(this).val();
    if (selectedOption === 'become-part-of-a-brand' || 'buy-an-existing-business'|| 'self-help-components-approach') {
      $('.facetwp-facet-business_area').addClass('visible');
      $('.facetwp-facet-activity').addClass('visible');
      $('.facetwp-facet-star_rating').addClass('visible');
    }
  });
})(jQuery);
</script>

这显然有相应的CSS：

.facetwp-facet-opportunity_area {display: block;}
.facetwp-facet-business_area {display: none;}
.facetwp-facet-business_area.visible {display: block;}
.facetwp-facet-activity {display: none;}
.facetwp-facet-activity.visible {display: block;}
.facetwp-facet-star_rating {display: none;}
.facetwp-facet-star_rating.visible {display: block;}

我知道我遗漏了一些非常明显的东西，但 Javascript 不是我的强项......基本上，只要我引用的下拉列表更改为任何其他值，那么我希望类添加触发，以便它们变得可见.. .

任何帮助将不胜感激。

大家加油，

抢。

编辑：

我还尝试了以下方法：

    add_action( 'wp_head', function() {
    ?>
    <script>
    (function($) {
        $(document).on('facetwp-loaded', function() {
        if (FWP.loaded) {
          $('.facetwp-template').addClass('visible');
          $('.facetwp-facet-business_area').addClass('visible');
          $('.facetwp-facet-activity').addClass('visible');
          $('.facetwp-facet-star_rating').addClass('visible');
        }
      });
    })(jQuery);
    </script>
    <?php
    }, 100 );[/code]

但这也不起作用......（这个编辑是为了帮助下面问的穆尔塔尼......

4

0 回答 0