动态/ Ajax页面上的Stripe checkout按钮

Question

根据标准示例 ，我在表单中集成了Stripe checkout按钮和脚本标记。 如果内容作为新的HTML页面输出，它可以工作，但如果内容是动态引入的（通过Ajax和innerHTML），则不显示该按钮。 如何手动触发？

Answer 1

我能想到的两种方式，第一种，我说最好的方法，是不使用标准示例，而是使用Stripe的自定义示例 。 然后你可以调用handler.open({...}) 。

或者，如果必须使用内联脚本，我使用jQuery强制按钮的单击事件。

$(".stripe-button-el").click();

但我不建议这样做，因为并非所有浏览器都会出于安全原因支持它。