<script>属性にjQueryを挿入するにはどうすればよいですか？

Question

以下のようなコードを書くと、Aボタンがストライプモードで表示されます。

<script 
    src="https://checkout.stripe.com/checkout.js" class="stripe-button" 
    data-key="pk_test_11a6LFgOQ9rZ3d54Qd0uBF8c" 
    data-amount="2000" 
    data-name="Oyon Shop" 
    data-description="Thank you for puchasing!" 
    data-image="/img/demo.png" 
    data-locale="auto"> 
</script> 

私のデータ量は$('#amount').val()です。だから私は次のようにした。

<script> 
    $("<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"); 
</script> 

その後、ストライプ支払いボタンは表示されません。あなたはエラーを見つけるために私を助けてくれますか？あなたはこのようなスクリプトタグ内の属性値を尻でき

Answer 1

あなたが実際にはこのよう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 2

、 はこれを試してみてください：

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

Answer 3

• 独自のユーザー定義メソッドの内部で、このコード

  $("script").attr("data-amount",$('#amount').val()) 
  

  を持つことができます。

• $（ '＃amount'）.val（）は、.ready（）メソッドが呼び出されるまでに値を持たないことがあります。あなたは$（「＃量」）。valを（）が所望の値を持っていると確信している場所であることを持つことができますので、

• だからそれは、あなたが定義した関数内に置くことは理にかなってそれまでに。

最新の質問

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 関連する問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.