自定义条纹结帐

Question

我正在尝试使用data- *

自定义Stripe Checkout的描述

但我可以通过表单正确显示说明。

从这篇文章中我知道我无法通过在另一个脚本标签中使用javascript来获取数据 - 但是我没有办法做到这一点。 setting up stripe with custom amount

这是我的代码：

#button 
<button id="test" class ='pay_by_card' data-description= "<%= @product.description %>"></button>

#script
<script src="https://checkout.stripe.com/checkout.js"></script>
<script>
  var handler = StripeCheckout.configure({
    key: "<% Rails.application.secrets.stripe_publishable_key %>", 
    locale: 'auto',
    token: function(token) {
      // Use the token to create the charge with a server-side script.
      // You can access the token ID with `token.id`
    }
  });

  $(document).ready(function() {    
  $('.pay_by_card').on('click', function(e) {
    // Open Checkout with further options
    var d = $.parseJSON($(this).attr('data-button'));
    handler.open({
      name: 'Deposit',
      description: d ,
      currency: 'gbp',
      amount: 100
    });
    e.preventDefault();
  });
  });

  // Close Checkout on page navigation
  $(window).on('popstate', function() {
    handler.close();
  });
</script>