锚链接到 WooCommerce 评论

Question

向下滚动到“Woocommerce 评论标签”的锚链接无法正常工作。

<div class="woocommerce-product-rating">
        <?php echo wc_get_rating_html( $average, $rating_count ); ?>
        <?php if ( comments_open() ) : ?><a href="#tab-reviews" class="woocommerce-review-link" rel="nofollow">(<?php printf( _n( '%s customer review', '%s customer reviews', $review_count, 'woocommerce' ), '<span class="count">' . esc_html( $review_count ) . '</span>' ); ?>)</a><?php endif ?>
    </div>

Link to Product

我检查了链接是否显示了正确的锚点，即 Link to Review Tab

Answer 1

这是因为评论 div 被隐藏了。如果您先单击评论选项卡，然后单击链接，它将起作用。

我认为您需要链接到 ID 为“tab-title-reviews”的评论标签

<div class="woocommerce-product-rating">
        <?php echo wc_get_rating_html( $average, $rating_count ); ?>
        <?php if ( comments_open() ) : ?><a href="#tab-title-reviews" class="woocommerce-review-link" rel="nofollow">(<?php printf( _n( '%s customer review', '%s customer reviews', $review_count, 'woocommerce' ), '<span class="count">' . esc_html( $review_count ) . '</span>' ); ?>)</a><?php endif ?>
    </div>
<script>
jQuery('.woocommerce-review-link').click(function(){
    jQuery('#tab-title-reviews a').trigger('click');
});
</script>