条纹付款每次都无法正确显示

Question

由于某些原因，当页面加载卡详细信息框时，由于某些原因，我已将条带集成到我的站点中（请参见下图1）。但是，刷新页面后，它似乎可以正确显示吗？

这是第一次显示的方式：

重新加载后，它会正确显示如下：

代码：

<div class="add_card_forms">
      <div class="card_forms_inner">
         <div class="form_group">
          <input id="cardholder-name" type="text" required="" placeholder="Card Holder Name" />
         </div>
        <form id="payment-form" data-secret="<?= $intent->client_secret ?>">
        <div id="card-element"></div>
        <button id="card-button">
        Save Card
        </button>
        </form>

        <form id="autoSubmit" action="../billing-details/savePaymentId.php" method="post">
        <input type="hidden" value="" name="payment_id" id="payment_id"/>
        </form>
        </div>
    </div>
       </div>

控制台：

可能是什么原因造成的：