shopify liquid和jQuery无法正常工作

Question

我有一个非常简单的代码，根据产品变体是否超过50美元并且Shopify没有响应我的jQuery来显示某些文本。

这是HTML：

<p class="orders-50 orders-50-over">This item ships for free!</p>
<p class="orders-50 orders-50-under">Orders of $50or more ship for free.</p>

这是我的jQuery

if (product.selected_or_first_available_variant.price >= 5000) {
    jQuery('.orders-50-over').removeClass('hide').addClass('show');
    jQuery('.orders-50-under').removeClass('show').addClass('hide');
  } else {
    jQuery('.orders-50-over').removeClass('show').addClass('hide');
    jQuery('.orders-50-under').removeClass('hide').addClass('show');
  }

虽然我不是jQuery专家，但我认为这段代码可行。当我选择不同的产品变体时，类不会改变。他们甚至都没有露面。

任何帮助或建议都将不胜感激。