私はこれを理解することはできません。データ属性の設定に関する他の質問を確認しましたが、これは難しいことのようです。
ストライプボタンの量は純粋に美学のためのものであり、ユーザーが量選択ボックスを更新するたびにそれ(「データ量」)を設定しようとしています。
数量を変更するたびに、アラートが正しい量を表示します。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>
Coffeescript
$ ->
$('#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