0

我正在使用 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>

脚本可以在本页底部找到。您可以打开购物篮，看看我对默认 2 英镑价值的意思。

4

1 回答 1

0

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

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

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

于 2012-11-17T20:55:40.693 回答