javascript - 在条纹按钮上设置数据属性

Question

我想不通。我检查了有关设置数据属性的其他问题，似乎是一件很棘手的事情。

条纹按钮数量纯粹是为了美观，每次用户更新数量选择框时，我都会尝试设置它（“数据数量”）。

每次我更改数量时，选择一个警报都会给出正确的数量，如果我检查 dom，'data-amount' 属性似乎设置正确，但是当我单击条纹按钮时，模式会显示默认数据量，即什么也没有。

有人知道怎么做吗？

查看（表单，选择输入未显示）

<div class="stripe-controls" align="center">
  <script src="https://button.stripe.com/v1/button.js" class="stripe-button"
      data-key="ENV['STRIPE_PUBLIC_KEY'] %>" data-amount="">
  </script>
</div>

咖啡脚本

$ ->
  $('#order_quantity').click(orderTotal)
  orderTotal()

orderTotal = ->
  quantity = $('#order_quantity').val()
  price = $('#ticket-price').data('url')
  total = quantity * price
  $('.stripe-button').attr('data-amount', total)
  alert total

Answer 1

使用 指定自定义金额 StripeCheckout.open()。

注意：我在 Stripe 工作。