動態/ Ajax頁面上的Stripe checkout按鈕

Question

根據標准示例 ，我在表單中集成了Stripe checkout按鈕和腳本標記。 如果內容作為新的HTML頁面輸出，它可以工作，但如果內容是動態引入的（通過Ajax和innerHTML），則不顯示該按鈕。 如何手動觸發？

Answer 1

我能想到的兩種方式，第一種，我說最好的方法，是不使用標准示例，而是使用Stripe的自定義示例 。 然后你可以調用handler.open({...}) 。

或者，如果必須使用內聯腳本，我使用jQuery強制按鈕的單擊事件。

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

但我不建議這樣做，因為並非所有瀏覽器都會出於安全原因支持它。