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

Question

因此我的rails应用程序接受Stripe付款，而付款操作的javascript会禁用“提交付款”按钮，因此用户无法多次点击该按钮。这个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..."} %>

如何将此Font Awesome功能添加到我的javascript中？

Answer 1

为什么不把它放在div上......你根据req状态操作该div上的一个类来显示或隐藏？像：

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