Question

我正在使用simplecart.js来处理我网站上的电子商务。

我有以下脚本。基本上这计算我的邮资价格，它从2英镑的基值开始，并根据篮子中的产品数量添加值。效果很好。

问题在于，因为它使用2英镑的基本价格，即使篮子里没有任何东西，也会显示出来。因此，如果篮子数量为0，或者篮子为空，我想“隐藏”包含邮资价格的div。逻辑是：少于9个产品，从2 +开头的数量开始。高于9的任何东西都会返回12英镑的价值。

我试图使用.hide但我现在意识到这不起作用，因为它在一个函数中调用一个函数，它似乎不起作用。

我是如何实现这一点的？

<script>
simpleCart({
shippingCustom: function(){
  if (simpleCart.quantity() == 0){
          $('.postage').hide();
        } else if (simpleCart.quantity() < 9 {
    return (2 + simpleCart.quantity());
  } else {
          return 12;
        }
}
</script>

脚本可以在this page的底部找到。你可以打开篮子看看我对默认的2英镑价值的意思。

Answer 1

尝试相反的逻辑。将购物车默认设置为隐藏（在css中或通过js脚本）。然后，当它具有所需的值时显示购物车：

if (simpleCart.quantity() > 0){
  $('.postage').show(); 
}

您可能需要使用.change（）或.click（）函数（取决于您如何设置），以便根据用户点击“添加到购物车”触发$('.postage').show(); '按钮。

在函数内调用.hide函数

1 个答案: