禁用带有真棒字体的条纹付款提交按钮

Question

因此，我的Rails应用程序接受Stripe付款，并且付款操作的javascript禁用了Submit Payment按钮，因此用户无法多次单击该按钮。 此js代码：

$("#payment-form").submit(function(event) {

  // disable the submit button to prevent repeated clicks
  $('.submit-button').attr("disabled", "disabled");

我想做的是添加一些带有转轮的文本，例如：

"<i class='fa fa-spinner fa-spin'></i> Payment Processing..."

在其他与条带无关的操作的代码的其他部分，我使用了类似的方法：

<%= f.button "Submit", class: "btn btn-primary btn-lg btn-block", data: {disable_with: "<i class='fa fa-spinner fa-spin'></i> Signing up..."} %>

如何在此处将这种“超赞字体”功能添加到我的javascript中？

Answer 1

为什么不把它放在div上，然后操纵该div上的一个类以根据请求状态显示或隐藏呢？ 喜欢：

$("#payment-form").submit(function(event) {
      $(".loader").show();