【问题标题】:How to use jQuery with callback function?如何使用带有回调函数的jQuery?
【发布时间】:2020-06-23 10:00:56
【问题描述】:

我尝试从回调函数中获取代码以返回一个 基于变体库存的可变值,但我无法使其正常工作。

<input id="quantityselector" type="number" name="quantity" value="1"
  min="1" max="{{ product.variants.first.inventory_quantity }}">

这允许用户一次添加多个项目,并且您可以 看到已经设置了最大值和最小值,我设置的最大值等于 库存的最大数量,这适用于单个变体,但不适用于 作为最大值的次要变量不会相应更新。

我认为这是因为它是静态 html,我需要删除一些 jquery在这里使用回调函数但无法弄清楚,任何人 能帮忙吗?

【问题讨论】:

    标签: javascript html shopify liquid


    【解决方案1】:

    当用户更改变体时,您每次都需要更新输入元素的值

    只有它会像你想的那样工作 您可以使用此 jquery 选择器来选择和更改最大和最小属性

    $("#quantityselector").attr("max","your value");
    

    【讨论】:

    • 改变库存变化的函数内部
    • 我不明白兄弟请帮忙
    • 兄弟,我们可以用whatss app聊聊吗?
    【解决方案2】:

    您可以使用 Jquery 进行更新:

    $("#quantityselector").attr("max",newValue);
    

    为了挽救每个Varainte的库存,利用产品的所有JSON数据,可以直接用Liquid打印:

    {% unless product == empty %}
      <script type="application/json" id="ProductJson-{{ section.id }}">
        {{ product | json }}
      </script>
    {% endunless %}
    

    通过 JQuery 获取 Json 并获取变体! 并且在每个变体中都会有可用的库存:

    Json Image

    并且已经有了数据,您可以将其拉取并放置为输入的最大值的新值,只需确保在更改变量时随着输入更改的事件进行更改!

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-07-21
      • 2017-12-25
      • 2013-10-07
      • 2018-05-08
      • 2011-11-15
      • 2013-05-10
      相关资源
      最近更新 更多