我目前有一个项目列表,每个项目都带有一个Paypal按钮。每个项目将通过单击其关联的按钮单独购买。
<ul>
<li data-id="1">Item 1 <div class="paypal-button"></div></li>
<li data-id="2">Item 2 <div class="paypal-button"></div></li>
<li data-id="3">Item 3 <div class="paypal-button"></div></li>
</ul>
<script src="https://www.paypalobjects.com/api/checkout.js"></script>
<script>
paypal.Button.render({
// options
}, '.paypal-button');
</script>
Run Code Online (Sandbox Code Playgroud)
不幸的是,似乎paypal.Button.render()
只会渲染它找到的第一个元素。
是否可以对多个元素进行此调用?