Question

如果我编写如下代码，条纹模式将显示一个按钮。

＆＃xA;＆＃xA;

 ＆lt; script＆＃xA; src =“https://checkout.stripe.com/checkout.js”class =“stripe-button”＆＃xA;数据密钥= “pk_test_11a6LFgOQ9rZ3d54Qd0uBF8c” ＆＃XA;数据量= “2000” ＆＃XA; data-name =“Oyon Shop”＆＃xA; data-description =“谢谢你的购买！”＆＃xA;数据图像= “/ IMG / demo.png” ＆＃XA; data-locale =“auto”＆gt;＆＃xA;＆lt; / script＆gt;＆＃xA;

＆＃xA;＆＃xA;

我的数据量值是 $（ '＃量'）。VAL（）。所以我按照以下方式做了。

＆＃xA;＆＃xA;  ＆lt; script＆gt;＆＃xA; $（“＆lt; script＆gt;”，{＆＃xA; src：“https://checkout.stripe.com/checkout.js”，＆＃xA; class：“stripe-button”，＆＃xA;“数据-key“：”pk_test_11a6LFgOQ9rZ3d54Qd0uBF8c“，＆＃xA;”data-amount“：$（'＃amount'）。val（），＆＃xA;”data-name“：”Oyon Shop“，＆＃xA;” data-description“：”谢谢你的购买！“，＆＃xA;”data-image“：”/ img / demo.png“，＆＃xA;”data-locale“：”auto“，＆＃xA; }）。appendTo（“head”）;＆＃xA;＆lt; / script＆gt;＆＃xA;  
＆＃xA;＆＃xA; 但之后，条纹付款按钮不可见。你能帮我找一下错误吗？＆＃xA;

Answer 1

你可以像这样在脚本标签中添加属性值，试试这个：

$( document ).ready(function() {
  $("script").attr("data-amount",$('#amount').val())
});

Answer 2

您实际上可以使用appendTo这样做：

$("<script>", {
  src:"https://checkout.stripe.com/checkout.js",
  class: "stripe-button",
  "data-key": "pk_test_11a6LFgOQ9rZ3d54Qd0uBF8c",
  "data-amount": $('#amount').val(),
  "data-name": "Oyon Shop",
  "data-description": "Thank you for puchasing!",
  "data-image": "/img/demo.png",
  "data-locale": "auto",
}).appendTo("head");

或使用传统方式：

var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://checkout.stripe.com/checkout.js';
script.setAttribute('class', "stripe-button");
script.setAttribute("data-key", "pk_test_11a6LFgOQ9rZ3d54Qd0uBF8c");
script.setAttrubute("data-amount", document.querySelector('#amount').value);
script.setAttribute("data-name", "Oyon Shop");
script.setAttribute("data-description", "Thank you for puchasing!");
script.setAttribute("data-image", "/img/demo.png");
script.setAttribute("data-locale", "auto");

document.getElementsByTagName('head')[0].appendChild(script);

Answer 3

您可以拥有此代码
```
  $("script").attr("data-amount",$('#amount').val())
```
在您自己的用户定义方法中。
$（'＃amount'）。val（）在调用.ready（）方法时可能没有值。
因此将它放入您定义的任何函数中是有意义的，因此您可以在确定 $（'＃amount'）。val（）到那时将具有所需的值。

如何将jQuery放在<script>属性中？

3 个答案: