jquery - jQuery - 输入 changeclass 和 value 到 fontawesome

Question

我希望我在提交时的输入更改为加载状态。

$('.waves-button-input').prop('disabled', true).val('&#xf110').removeClass('waves-button-input').addClass('fas fa-spinner fa-spin');

&#xf110即使添加了 fas 类，这也会输出输入值。但是当我在 chrome 中手动编辑 HTML 时，会显示图标（但在已经单击输入时不会显示）

我的html（刀片）：

{!! Form::submit('Yes', ['class' => 'waves-effect waves-light btn green']) !!}

刀片 html 输出：

<i class="align-center btn btn-small waves-effect waves-light waves-input-wrapper" style="">
<input class="waves-button-input" type="submit" value="SUBMIT">
</i>

我知道我可以使用<button>，但我希望看到这项工作，因此我不必更改所有输入。

标签： jquerylaravel

Answer 1

您可以做的一件事是在提交时隐藏 then 按钮，然后在它之后添加一个微调器，例如：

$("input[type=submit]").hide();
var spinner = $('<i class="fas fa-spinner fa-spin"></i>').insertAfter("input[type=submit]");

然后把输入带回来，你可以有类似的东西：

spinner.remove();
$("input[type=submit]").show();